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! |
| Noemi.H
{ Membre }
Messages : 9
| Bonjour bonjour, Je m'excuse d'avance d'abuser de votre temps. En fait, j'ai un petit problème. Je voulais réaliser un menu en suivant ce tutoriel, mais il y a eu un petit problème au moment d'appliquer le style CSS: en plus de s'appliquer au menu, il s'est aussi mis à s'appliquer à tous les liens, la bannière, les noms de forums, les fonds de catégories... Comment régler ça? Voici le code du menu: - Code:
-
[table cellpadding="0" cellspacing="0"] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f1-reglement-et-contexte][b]►Règlement et contexte[/b] {*Le Blabla administratif à lire absolument*}[/url] [/td] [/tr] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f4-et-sinon-vous-etes-qui][b]► Who‘s Who?[/b] {*Venez vous présenter!*}[/url] [/td] [/tr][tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f42-partenaires][b]►Sois mon ami.[/b] {*Pour les demandes de partenariat*}[/url] [/td] [/tr] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f10-formulaires-et-reglement][b]►Personnages.[/b] {*Petit manuel du créateur d‘humains.*}[/url] [/td] [/tr] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f11-deposez-votre-formulaire-ici][b]►Boîte postale du Recensement[/b] {*Déposez vos formulaires ici*}[/url] [/td] [/tr] [tr] [td class="menu_gi"] [url=http://opera-du-diable.forumactif.com/f37-reglement-des-evaluations][b]►Evaluations Rp[/b] {* Je veux être le meilleur. *}[/url][/td][/tr] [/table] et voici le CSS - Code:
-
/*MENU*/
td.menu_gi { width:200px; text-align:center; } td.menu_gi a, a:link, a:visited, a:active { color:#152E07; text-decoration: none; font-family: Trebuchet MS; font-size: 10px; background-color:#F2CE7C; border-left:5px solid #E2B03D; display:block; } td.menu_gi a:hover { color:#785910; background-color:#D0F392; border-left:5px solid #80C30C; } Merci d'avance. |
Dernière édition par Noemi.H le Lun 07 Fév 2011, 13:18, édité 1 fois | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Coucou! Remplace le CSS par ceci : - Code:
-
/*MENU*/ td.menu2_gi { width:200px; text-align:center; } td.menu2_gi a, a:link, a:visited, a:active { color:#152E07; text-decoration: none; font-family: Trebuchet MS; font-size: 10px; background-color:#F2CE7C; border-left:5px solid #E2B03D; display:block; } td.menu2_gi a:hover { color:#785910; background-color:#D0F392; border-left:5px solid #80C30C; } Et le HTML par ceci : - Code:
-
<table cellpadding="0" cellspacing="0"> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f1-reglement-et-contexte"><b>►Règlement et contexte</b> {*Le Blabla administratif à lire absolument*}</a> </td> </tr> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f4-et-sinon-vous-etes-qui"><b>► Who's Who?</b> {*Venez vous présenter!*}</a> </td> </tr><tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f42-partenaires"><b>►Sois mon ami.</b> {*Pour les demandes de partenariat*}</a> </td> </tr> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f10-formulaires-et-reglement"><b>►Personnages.</b> {*Petit manuel du créateur d'humains.*}</a> </td> </tr> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f11-deposez-votre-formulaire-ici"><b>►Boîte postale du Recensement</b> {*Déposez vos formulaires ici*}</a> </td> </tr> <tr> <td class="menu2_gi"> <a href="http://opera-du-diable.forumactif.com/f37-reglement-des-evaluations"><b>►Evaluations Rp</b> {* Je veux être le meilleur. *}</a></td></tr> </table> En espérant d'avoir résolu ton problème. Si c'est le cas, n'oublies pas de cocher l'icône Résolu en éditant ton sujet. Voilà. | | |
| | | Noemi.H
{ Membre }
Messages : 9
| Non, j'avais déjà essayé de changer le nom de la class (j'ai essayé "menu_menu", "menu2_gi" et un truc qui n'avait rien a voir, "raspberry") mais ça me donne la même chose à chaque fois, même avec ce code ^^" | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Je n'ai pas tout saisi, mais le problème ne viendrait pas tout simplement de cette ligne ? - Code:
-
td.menu_gi a, a:link, a:visited, a:active { Techniquement, il faudrait plutôt que ça soit ça : - Code:
-
td.menu_gi a, td.menu_gi a:link, td.menu_gi a:visited, td.menu_gi a:active { | | |
| | | Noemi.H
{ Membre }
Messages : 9
| Merci beaucoup, ça marche parfaitement! Et en plus j'aurai appris quelque chose. Encore merci, je coche tout de suite l'icone résolu. | | |
| | | Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Je classe | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|