css pour titre de menu

bonjours,
j'ai un titre de menu, que j'ai modifier pour etre un lien, seulement j'ai du mal a lui appliquer un code css car le code du titre menu et le code de lien rentre tout les deux en conflit.

Code:

---

<span class="menu"><a href="napoleon.php">Ratterie</a></span><br/>

---

Code:

---

1 2 3 4 5 6 7

.menu /* Tous les titres de menus */ { color: rgb(220,0,0); font-family: Arial, "Arial Black", "Times New Roman", Times, serif; font-size:20px; text-align: center; }

---

Code:

---

1 2 3 4

#menu a /* Tous les liens se trouvant dans un menu */ { color: #B3B3B3; }

---

comment dois je faire pour avoir mon titre de menu qui est aussi un lien en rouge, et les autre lien du menu d'une autre couleur?

merci d'avance pour votre reponse..

Bonjour,

tu devrais plutot appliquer une class au lien, plutot qu'encapsuler un lien dans un span.

Tu dis

Code:

---

class="menu"

---

, mais tu utilise

Code:

---

#menu a

---

ca serait plutot

Code:

---

.menu a

---

"text-align:center" dans un span n'a pas de sens

et enfin, moi pour des liens, j'utilise toujours un css du genre

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

a.ma_class:link { color: #000; text-decoration : none; } a.ma_class:visited { color: #000; text-decoration : none; } a.ma_class:hover { color: #000; text-decoration : underline; } a.ma_class:active { color: #000; text-decoration : none; }

---

Merci pour la reponse,
j'ai fait ceci en esperant avoir comprit tes consigne mais toujours pas de succes

Code:

---

1 2 3 4

.menu a/* tout les titres sous forme de liens*/ { color: rgb(220,0,0); }

---

Code:

---

1 2 3 4

#menu a /* Tous les liens se trouvant dans un menu */ { color: #B3B3B3; }

---

Code:

---

<span><a class="menu" href="napoleon.php">Ratterie</a></span><br/>

---

Appel ta class css de cette manière

Code:

---

1 2 3 4

a.menu { /* Ton code css pour t'es menu */ }

---

Ton code html est bon, mais dans ton css tu fais comme si ta balise a était contenue dans une autre balise ayant pour class menu. C'est plutôt l'inverse. Tu appelles une balise a qui a pour class menu.

Sebhm te l'avait montré dans son message

Citation:

---

Envoyé par sebhm

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

a.ma_class:link { color: #000; text-decoration : none; } a.ma_class:visited { color: #000; text-decoration : none; } a.ma_class:hover { color: #000; text-decoration : underline; } a.ma_class:active { color: #000; text-decoration : none; }

---

---

Doki.

j'ai bien comprit que mon incrémentation n'est pas bonne,
j'ai beau le remanier dans tout les sens et en suivant vos conseil mais je n'y arrive pas je remet mon code complet pour que vous puissiez me dire comment je dois le déclarer.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<div id="menu"> <div class="sous_menu"> <ul> <span><a class="titre" href="napoleon.php">Ratterie</a></span><br/> <a href="napoleon.php">Intro</a><br/> <a href="buste.php">Les mâles</a><br/> <a href="statues_en_duraston.php">Les femeles</a><br/> <a href="napoleon.php">Les portées</a><br/> <a href="napoleon.php">Les cages</a><br/> </ul> </div>

---

Code:

---

1 2 3 4

.sous_menu a /* tout les titres sous forme de liens*/ { color: rgb(220,0,0); }

---

merci d'avance

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

/* 1er selecteur */ /* tous les titres sous forme de liens */ .sous_menu a { { color: #B3B3B3; } /* 2e selecteur */ /* juste le(s) lien(s) qui a une classe titre */ .sous_menu a.titre { color: rgb(220,0,0); font-family: Arial, "Arial Black", "Times New Roman", Times, serif; font-size:20px; text-align: center; }

---

Ton titre validera les 2 sélecteurs, mais comme le deuxième est plus précis (une classe en plus) les propriétés associées seront donc prioritaires. Les autres liens, n'ont pas la classe titre et ne valideront donc pas le deuxième selecteur.
Ainsi ton titre sera en rouge, alors que les autres liens seront en gris.

Bon courage,
Thomas.

PS : attention dans ton code HTML, il est préférable de mettre des <li> en fils de balises <ul> !

Je suis désoler j'ai beau suivre vos conseil, retourner les possibilité dans tout les sens, je comprend bien que c'est un souci d'incrémentation mais cela ne fonctionne pas