28221 sujets

CSS et mise en forme, CSS3

[ Resolu ] Des style de liens CSS dans les menus

Salut,

Alors je ne sais pas si vous avez compris mon titre (c'est peut être pour ca que vous êtes la à lire mon message Smiley lol ).
Je va vous expliqué un peu plus clairement...
J'ai un menu simple qui reprend toujours le meme style de lien :
<ul>
<li><a href="lien1.htm">Lien 1</a>
<li><a href="lien2.htm">Lien 2</a>
<li><a href="lien3.htm">Lien 3</a>
etc...
</ul>

Bref tous mes liens ont le meme code couleur pour le link,hover...

J'en vien a mon problême, j'aimerai éviter de mettre mon
class="menu_lien" dans chaque href.
Pas de :
<ul>
<li><a href="lien1.htm" class="menu_lien" >Lien 1</a>
<li><a href="lien2.htm" class="menu_lien" >Lien 2</a>
<li><a href="lien3.htm" class="menu_lien" >Lien 3</a>
etc...
</ul>


Mais genre de mettre une foi ce class="menu_lien" et qu'il soit utilisé par tout les liens automatiquement.
J'ai essayé :
<ul class="menu_lien">
<li><a href="lien1.htm">Lien 1</a>
<li><a href="lien2.htm">Lien 2</a>
<li><a href="lien3.htm">Lien 3</a>
etc...
</ul>

mais ca ne marche pas.
Comment je pourrais m'éviter plein de class inutile? Ou bien je suis obligé de les mettre partout?

Merci a vous
Vincent
Modifié le 12 Feb 2005 - 13:03

ul.class_menu li a {
/* Tes propriétés de liens */
}


Non ?

@+, HoPHP
Modifié le 12 Feb 2005 - 12:27
Pour le plaisir, ajoutons :


ul.class_menu a {...
.class_menu li a {...
.class_menu a {...


Bref, peu importe le flacon, tant qu'on a l'ivresse, et que le sélecteur désigne les liens <a> situés dans un élément parent immédiat ou non de classe class_menu.

A noter: un sélecteur de la forme
a.class_menu

...ne dit pas du tout la même chose. Il désigne un lien <a> ayant lui-même un attribut class=".class_menu".
Modifié le 12 Feb 2005 - 12:45
Merci bien j'y vois déjà plus clair.
Mais voila mon code css maintenant :
.menu_principal
{ pwet pwet }
.menu_principal:link a
{ pwet pwet }
.menu_principal:visited a
{ pwet pwet }
.menu_principal:hover a
{ pwet pwet }

Je sais pas si on utilise comme ca les link, hover, parceque sur ma page ils n'ont pas effet :
<ul class="menu_principal">
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#">lien 3</a></li>
</ul>


Le .menu_principal fonctionne très bien.
Le a du lien est donc visé d'après vos explication mais il n'y a pas d'effet, si vous avez une idée merci Smiley lol

EDIT : MERCI JAI TROUVE
.menu_principal a:link

Vincent
Modifié le 12 Feb 2005 - 13:02
Sujet clos
Aller à