28173 sujets

CSS et mise en forme, CSS3

Bonjour,
je suis en train de réaliser un site internet (visible ici)et je rencontre des soucis d'affichage.
J'ai défini la balise "a" pour mes lien généraux (a:link - a:visited - a:hover - a:active).
Souhaitant définir un style particulier pour mon menu haut et bas, j'ai créé un style .lienmenu (a:link.lienmenu ... )
Cependant, je constate qu'une fois en ligne mon menu prend en compte aussi le style de mes liens généraux (les capsules apparaissent là où elles ne devraient pas).
Comment faire pour que mon menu s'affiche correctement?
Vous trouverez ci-dessous ma feuille de style.
Merci pour votre aide !

Pitchoumi

a:link{
color:#4e2147;
background-image:url(images/capsule.gif);
background-repeat:no-repeat;
padding-left: 20px;
text-decoration: none;
font-family:Sylfaen,"Times New Roman";
font-style:normal;
font-size:14px;
}

a:visited{
color:#4e2147;
background-image:url(images/capsule.gif);
background-repeat:no-repeat;
padding-left:20px;
text-decoration: none;
font-family:Sylfaen,"Times New Roman";
font-style:normal;
font-size:14px;
}

a:hover{
color:#4e2147;
background-image:url(images/capsule.gif);
background-repeat:no-repeat;
padding-left: 20px;
text-decoration: none;
font-family:Sylfaen,"Times New Roman";
font-style:normal;
font-size:14px;
}

a:active{
color:#4e2147;
background-image:url(images/capsule.gif);
background-repeat:no-repeat;
padding-left:20px;
text-decoration: none;
font-family:Sylfaen,"Times New Roman";
font-style:normal;
font-size:14px;
}

a:link.lienmenu{
color:#4e2147;
background-image:none;
text-decoration: none;
font-family:Sylfaen,"Times New Roman";
font-style:normal;
font-size:14px;
}

a:visited.lienmenu{
color:#4e2147;
background-image:none;
text-decoration: none;
font-family:Sylfaen,"Times New Roman";
font-style:normal;
font-size:14px;
}

a:hover.lienmenu{
color:#4e2147;
background-image:none;
text-decoration: none;
font-family:Sylfaen,"Times New Roman";
font-style:normal;
font-size:14px;
}

a:active.lienmenu{
color:#4e2147;
background-image:none;
text-decoration: none;
font-family:Sylfaen,"Times New Roman";
font-style:normal;
font-size:14px;
}


Modifié par pitchoumi (27 Nov 2006 - 09:27)
Salut.

Pourquoi ne pas utiliser la cascade des sélecteurs plutôt que des classes pour ton menu ? Celui-ci doit bien avoir un conteneur ...

Par exemple,
<ul id="menu">
  <li><a href="..." title="...">Lien</a></li>
</ul>
peut être stylé en utilisant
#menu a {
   color: .... ;
}