En terminant mon sous-menu, je m'aperçois que ma bordure du bas est différente sous FF et IE
Je dois certainement faire une erreur dans la css, mais je ne vois pas. confus
En effet, j'aimerai que mon sous-menu soit en normale souligné en gris et non en violet ( violet = soulignement des liens normaux) et que lorsque que l'on passe dessus, la bordure disparaisse et que mon texte s'agrandissent.
Quelqu'un peut me venir en aide?
html:
<div class="element_menu">
<ul>
<li>
<a href="#ecouter" title="Accesskey: 1" accesskey="1" > Ecouter </a></li>
<li>
<a href="#voir" title="Accesskey: 2" accesskey="2"> Voir </a></li>
<li>
<a href="#sentir" title="Accesskey: 3" accesskey="3"> Sentir </a></li>
</ul>
</div>
et
.element_menu {
color: #ffffff;
letter-spacing: 0.2em;
position:relative;
float: left;
list-style: none;
padding: 0 0 0 2px;
margin: 0 0 5px 2px;
text-decoration: none;
letter-spacing: 0.6pt;
}
.element_menu ul {
/* Toutes les listes Ô¡ puces se trouvant dans un menu */
list-style: none;
padding: 0 0 0 2px;
margin: 0 0 5px 2px;
text-decoration: none;
letter-spacing: 0.6pt;
}
.element_menu li{
border-bottom: 1px solid #ddd;
}
.element_menu li a {
/* Tous les liens se trouvant dans un menu */
display: block;
padding: 3px 0px 3px 0px;
width: 192px;
border-bottom: 1px solid #ddd;
color: #cccccc;
font-weight: bold;
text-align: left;
text-decoration: none;
letter-spacing: -1px;
}
.element_menu li a:hover, .element_menu
/* Quand on pointe sur un lien du menu */
{
font-size: 1.2em;
color: #9523E7;
text-decoration: none;
}
biggrin
Merci d'avance de ton aide
vita