Changer la couleur du lien lorsque l'on est s
Aerus
-
Yoan Messages postés 11905 Statut Modérateur -
Yoan Messages postés 11905 Statut Modérateur -
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
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
A voir également:
- Changer la couleur du lien lorsque l'on est s
- Changer dns - Guide
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Changer la couleur de la barre des taches - Guide
- Lien de rajout pour bara facebook - Forum Webmastering
1 réponse
Tu n'y arrives pas ou t'as pas cherché ? :D
Tu as juste à effacer ceci :
Puis copier/coller ça en remplaçant "hover" par "active" :
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;}