Bonjour,
Je suis entrain de modifier un menu existant qui a pour forme :
<ul id="nav_bar">
<li><a href="index.php">Accueil</a></li>
<li><a href="index.php?a=1">Vente</a></li>
<li><a href="index.php?a=19">Recherche</a></li>
<li><a href="index.php?a=28&b=135">Fonctionnalités</a></li>
<li><a href="index.php?a=28&b=143">Tarifs</a></li>
<li><a href="index.php?a=28&b=141">Aide</a></li>
</ul>
et a comme css :
#nav_bar li a:link,
#nav_bar li a:visited {
background: #eaeaea;
border-top: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
border-bottom: none;
padding: 8px 15px;
color: #818181;
text-decoration: none;
display: block;
float: left;
position: relative;
top: 0px;
margin: 0px 1px;
}
Sur ce menu, j'aimerais que chaque lien ai un style différent car je veux en faire un menu avec des images en fond de chaque boutons.Un fond sensitif au passage de la souris..
J'ai donc pensé que je devais ajouter un "id" à chaque liens comme ceci
<div id="nav">
<ul id="nav_bar">
<li><a href="index.php" id="homelink">Accueil</a></li>
<li><a href="index.php?a=1" id="selllink">Vente</a></li>
<li><a href="index.php?a=19" id="searchlink">Recherche</a></li>
<li><a href="index.php?a=28&b=135" id="featureslink">Fonctionnalités</a></li>
<li><a href="index.php?a=28&b=143" id="pricelink">Tarifs</a></li>
<li><a href="index.php?a=28&b=141" id="helplink">Aide</a></li>
</ul>
Mais j'ai beau déclarer dans mon stylesheet..
#homelink {
background: #000000;
}
mais aucune différence..
Qui pourrait me donner la voie à suivre ?
merci de votre aide :)
