Classes CSS pour menu de navigation [Fermé]
Signaler
malocrane75
siniko44
- Messages postés
- 1
- Date d'inscription
- mardi 19 avril 2011
- Statut
- Membre
- Dernière intervention
- 19 avril 2011
siniko44
- Messages postés
- 172
- Date d'inscription
- vendredi 30 juillet 2010
- Statut
- Membre
- Dernière intervention
- 29 novembre 2013
A voir également:
- Classes CSS pour menu de navigation
- Classe css - Articles
- Menu plus navigateur edge - Forum - Windows 10
- Img class css - Conseils pratiques - CSS
- Suffixe de classe CSS+Joomla ✓ - Forum - CSS
- Menu de navigation pour mobile probleme ! ✓ - Forum - CSS
1 réponse
siniko44
- Messages postés
- 172
- Date d'inscription
- vendredi 30 juillet 2010
- Statut
- Membre
- Dernière intervention
- 29 novembre 2013
C'est chiant et long, mais je crois bien que c'est la seule méthode, voici le code :
<code>
<div id="navigationbar">
<ul id="navlist">
<li class="active"><a id="coul_1" href="home-fr.html">Accueil</a></li>
<li class="inactive"><a id="coul_2" href="services-fr.html">Traduction</a></li>
<li class="inactive"><a id="coul_3" href="copywriting-fr.html">Copywriting</a></li>
<li class="inactive"><a id="coul_4" href="aboutus-fr.html">A propos</a></li>
<li class="inactive"><a id="coul_5" href="contact-fr.html">Contact</a></li>
</ul>
</div>
a#coul_1{font-size: 1em; background-color:#couleur1; color:#ffffff; text-decoration: none;}
a#coul_1:hover {font-size: 1em; background-color:#couleur1H; color: #ffffff; text-decoration: none;}
a#coul_2{font-size: 1em; background-color:#couleur2; color:#ffffff; text-decoration: none;}
a#coul_2:hover {font-size: 1em; background-color:#couleur2H; color: #ffffff; text-decoration: none;}
Et ainsi de suite...
<code>
<div id="navigationbar">
<ul id="navlist">
<li class="active"><a id="coul_1" href="home-fr.html">Accueil</a></li>
<li class="inactive"><a id="coul_2" href="services-fr.html">Traduction</a></li>
<li class="inactive"><a id="coul_3" href="copywriting-fr.html">Copywriting</a></li>
<li class="inactive"><a id="coul_4" href="aboutus-fr.html">A propos</a></li>
<li class="inactive"><a id="coul_5" href="contact-fr.html">Contact</a></li>
</ul>
</div>
a#coul_1{font-size: 1em; background-color:#couleur1; color:#ffffff; text-decoration: none;}
a#coul_1:hover {font-size: 1em; background-color:#couleur1H; color: #ffffff; text-decoration: none;}
a#coul_2{font-size: 1em; background-color:#couleur2; color:#ffffff; text-decoration: none;}
a#coul_2:hover {font-size: 1em; background-color:#couleur2H; color: #ffffff; text-decoration: none;}
Et ainsi de suite...