Rechercher : dans
Par :

Changer la couleur du lien lorsque l'on est s

Dernière réponse le 21 mai 2009 à 00:07:07 Aerus, le 20 mai 2009 à 23:35:32 
 Signaler ce message aux modérateurs

Bonjour,
je n'arrive pas (malgrès tous les conseils donnés sur les forums) à laisser le fond du lien active en gris foncé comme au survol.

voici le code des liens :
<ul id="menuDeroulant">
<li>
<a href="/index.php">Accueil</a>
</li>
<li>
<a href="/news.php">News</a>
<ul class="sousMenu">
<li><a href="/news-archives.php">Archives</a></li>
<li><a href="/inscription-newsletter.php">Newsletter</a></li>
</ul>
</li>
<li>
<a href="/bapteme.php">Baptême</a>
<ul class="sousMenu">
<li><a href="/bapteme-pilotage.php">Stage de Pilotage</a></li>
<li><a href="/bapteme-stage-helicoptere.php">Bapteme en Helicoptere</a></li>
</ul>
</li>
<li>
<a href="/location-voiture-luxe.php">Voiture</a>
<ul class="sousMenu">
<li><a href="/location-voiture-de-luxe.php">Voiture de Luxe</a></li>
<li><a href="/location-voiture-avec-chauffeur.php">Voiture avec Chauffeur</a></li>
<li><a href="/location-voiture-mariage.php">Collection Mariage</a></li>
</ul>
</li>
<li>
<a href="/location-de-yacht.php">Yacht</a>
<ul class="sousMenu">
<li><a href="/location-yacht/moteur.php">Moteur</a></li>
<li><a href="/location-yacht/voilier.php">Voilier</a></li>
</ul>
</li>
<li>
<a href="/location-transfert-en-helicoptere.php">Hélicoptère</a>
<ul class="sousMenu">
<li><a href="/bapteme-helicoptere.php">Circuit</a></li>
<li><a href="/transfert-en-helicoptere.php">Transfert</a></li>
<li><a href="/location-helicoptere.php">Location</a></li>
</ul>
</li>
<li>
<a href="/location-transfert-en-jet-prive.php" id="active_menu">Jet Privé</a>
</li>
<li>
<a href="/a-la-carte.php">A la Carte</a>
</li>
<li>
<a href="/contact.php" id="active_menu">Contact</a>
</li>
<li>
<a href="/membre-login.php"><span style="color:#DAA520">Membre</span></a>
</li>
</ul>


Voci le code CSS
#menuDeroulant {width: 980px;float: left;z-index: 100;height: 34px;list-style-type: none;margin: auto;padding: 0;border: 0;position: absolute;top: 95px;padding-left: 4px;text-align:center;}
#menuDeroulant li {float: left;width: 97px;margin: 0;padding: 0;border: 0;}
#menuDeroulant li a:link, #menuDeroulant li a:visited {display: block;height: 0%;color: #9dbee5;margin: 0;padding: 4px 8px;text-decoration: none;height: 26px;}
#menuDeroulant li a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF;background-color: #2A2A29; height: 26px;}
#menuDeroulant li a:active { background-color: #161718; height: 26px; }
#menuDeroulant .sousMenu {display: none;list-style-type: none;margin: 0;padding: 0;border: 0;}
#menuDeroulant .sousMenu li {float: none;text-align:left;margin: 0px;padding: 0;border: 0;width: 154px;border-top: 1px solid transparent;border-right: 1px solid transparent;}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {display: block;height: 17px;color: #9dbee5;margin: 0;border: 0;text-decoration: none;background: transparent url("/images/fondTR.png") repeat;}
#menuDeroulant .sousMenu li a:hover {background-image: none;color: #FFF;background-color: #2A2A29;}
#menuDeroulant li:hover > .sousMenu { display: block;}

merci de votre aide
voici le site : www.luxury-club.fr

Configuration: Mac OS X
Firefox 3.0.10

Meilleures réponses pour « Changer la couleur du lien lorsque l'on est s » dans :
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Mettre un titre en couleur dans un skyblog VoirPour mettre un titre en couleur dans votre SkyBlog, il suffit d'utiliser la balise [c], de la manière suivante : [c=#AEBFE2][g]Titre en couleur[/g][/c]
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...

1

 Yoan, le 21 mai 2009 à 00:07:07

Tu n'y arrives pas ou t'as pas cherché ? :D

Tu as juste à effacer ceci :

#menuDeroulant li a:active { background-color: #161718; height: 26px; } 

Puis copier/coller ça en remplaçant "hover" par "active" :

#menuDeroulant li a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF;background-color: #2A2A29; height: 26px;} 
L'urgent est fait, l'impossible est en cours,
Pour les miracles, prévoir un délai ...

Répondre à Yoan