CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Mr Riz
{ Membre }
Messages : 58
| bonjour j'ai trouvé ce code dont j'aime bien le rendu : - Code:
-
<fieldset style="border: 3px solid #FFFFFF;"><legend style=" color: #FFFFFF; text-align: center: 20px; ; letter-spacing:4px; ">VOTRE TITRE ICI</legend> VOTRE TEXTE ICI </fieldset> seulement, j'aimerais l'intégrer au codage de mes sous-forums, et je dois donc le mettre dans ma feuille CSS pour pouvoir par la suite appliquer l'effet. comment faire pour passer du HTML au CSS, et dans mon cas, qu'est-ce que ça donnerait? je sais comment me débrouiller lorsque le code est sous cette forme : - Code:
-
<div style="propriétés;"></div> mais j'avoue que je suis un peu perdue pour ce coup-là merci d'avance! | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour, Pour quelque chose d'aussi basique, je pense que tu as besoin d'une bonne piqure de rappel sur les bases du CSS pour commencer : http://www.css-actif.com/t66-bases-css-cours-elementaire , histoire de créer des classes CSS (les styles dans le HTML sont à éviter le plus possible). Pour ce qui est de l'effet "boite avec légende", c'est un peu compliqué mais globalement cela consisterait à placer le titre relativement au contenu. En gros, si tu codes la chose de cette façon : - Code:
-
<div class="boite-fieldset"> <h1 class="titre-legend">Titre</h1> Contenu </div> Il te suffirait de définir (via CSS) la "boite" comme étant un élément en position relative, puis placer le titre en position absolu et jongler sur ledit positionnement. A part ça, j'ai du mal à comprendre la question de "passer du HTML au CSS", les deux se complétant, on ne passe pas de l'un à l'autre, on les associe O_o | | |
| | | Mr Riz
{ Membre }
Messages : 58
| ai bien révisé, comme la bonne élève que j'espère devenir ahah c'était très instructif, bien sûr. et en fait, " passer du html au css " ça désigne pour moi le fait de transformer un texte écrit en HTML en un code CSS qu'on pourrait mettre dans la feuille CSS. je crois que j'ai compris pour la boîte. mais qu'est-ce que je dois mettre comme sélecteur pour le titre? merci beaucoup pour cette aide, je me rends compte qu'il y a pas mal de choses que je fais très mal en codage! | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Mais... on ne peut pas transformer du texte HTML en CSS, ce sont deux langages différents @_@ *complètement perdue*
Et comment ça quel sélecteur ?
Tu dois créer deux classes, l'une pour la boite et l'autre pour le titre, en récupérant pour commencer les styles qui étaient l'un dans le fieldset, et l'autre dans l'élément legend. Après, c'est juste une histoire de positionnement absolu/relatif '_' Commence déjà par le début et montre moi ce que tu as tenté ? | | |
| | | Couette
{ Membre }
Messages : 13
| Bonjour, Le but c'est d'extraire le style de texte du code Html, c'est ça?! Le Html est utilisé pour le contenu, le Css est pour la mise en forme, le style. Ce n'est donc pas transformable de l'un à l'autre. On peut intégrer le Css dans le Html comme ci-contre ou autre solution, on peut mettre dans le Css <head> la balise <style> dans laquelle vous pourrez mettre le code css directement. Edit by Espeon : merci de prendre garde à ne pas mettre de HTML directement dans votre message ou d'utiliser les balises [code] prévues à cet effet. | | |
| | | Mr Riz
{ Membre }
Messages : 58
| je poste ce message pour vous avertir que je ne pourrais pas prendre le temps de répondre correctement avant vendredi soir, probablement. excusez-moi du dérangement! je reviens très vite, toujours motivée! | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonsoir Ce sujet est-il toujours d'actualité ou pouvons nous considérer ta demande comme résolue ? Rappel : Sans nouvelle de ta part sous quatre jours, ce sujet sera archivé. Bonne soirée. | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour ! Malgré notre précédente relance, nous demeurons sans nouvelles de ta part. Ainsi, je me permets d'archiver ce sujet. Si ton problème est toujours d'actualité, n'hésite pas à en ouvrir un nouveau. Bonne journée. | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|