Lien href non souligné à cause d'un menu.
Résolu
Mic
-
mic -
mic -
Salut !
J'ai suivi un tuto pour créer un menu horizontal. Il marche trop bien ! Voilà le problème. A cause d'une text-decoration: none, mes liens href ne sont plus soulignés.
Voilà le code CSS :
Et la partie HTML :
a:hover {text-decoration: underline; color: #FF0000;}
mon menu se retrouve souligné en rouge. Je voudrais donc que seul le menu soit non souligné par les autres liens href oui. Merci
J'ai suivi un tuto pour créer un menu horizontal. Il marche trop bien ! Voilà le problème. A cause d'une text-decoration: none, mes liens href ne sont plus soulignés.
Voilà le code CSS :
nav ul
{
padding: 0px;
margin: 0px;
list-style-type: none;
background-color: #333333;
}
nav li
{
display: inline-block;
padding: 0px;
margin: 0px;
width: 120px;
height: 40px;
border-right: 1px solid #CCCCCC;
text-align: center;
line-height: 40px;
}
nav li a
{
text-decoration: none;
color: #FFFF00;
display: block;
}
nav li :hover
{
background-color: #3388BB;
}
Et la partie HTML :
<nav> <ul class="nav"> <li><a href="#home" rel="nofollow noopener noreferrer" target="_blank">Home</a></li><!-- --><li><a href="#news" rel="nofollow noopener noreferrer" target="_blank">News</a></li><!-- --><li><a href="javascript:void(0)" rel="nofollow noopener noreferrer" target="_blank">Dropdown</a></li> </ul> </nav>Si je mets un truc CSS du genre :
a:hover {text-decoration: underline; color: #FF0000;}
mon menu se retrouve souligné en rouge. Je voudrais donc que seul le menu soit non souligné par les autres liens href oui. Merci
1 réponse
-
Bonjour,
J'aurai mis une classe aux liens
<nav> <ul class="nav"> <li><a href="#home" rel="nofollow noopener noreferrer" target="_blank" class="abc">Home</a></li> <li><a href="#news" rel="nofollow noopener noreferrer" target="_blank" class="abc">News</a></li> <li><a href="javascript:void(0)" rel="nofollow noopener noreferrer" target="_blank" class="abc">Dropdown</a></li> </ul> </nav>
Ensuite ajouter au cssa.abc { text-decoration: none; }
ou un style dans les liens
<nav> <ul class="nav"> <li><a href="#home" rel="nofollow noopener noreferrer" target="_blank" style="text-decoration: none;">Home</a></li> <li><a href="#news" rel="nofollow noopener noreferrer" target="_blank" style="text-decoration: none;">News</a></li> <li><a href="javascript:void(0)" rel="nofollow noopener noreferrer" target="_blank" style="text-decoration: none;">Dropdown</a></li> </ul> </nav>
Seb
