Discussion :

[legrandse]

Bonjour à tous,

J'essaye de rendre un menu souligné au passage de la souris avec l'exemple ci dessous:




Je n'y arrive pas tout à fait car mon résultat produit un décalage vers le haut au passage de la souris :



Pouvez-vous m'aider svp.

Voici mon code CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.nav > li > a:focus, .nav > li > a:hover {
    background: none;
    text-decoration : none;
 	padding : 0 0 7px 0;
 	border-bottom : 4px solid #dead51;
}

et HTML:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<nav class="navbar navbar navbar-right">
 
			  <ul class="nav navbar-nav">
			    <li><a href="#">Accueil</a></li>
			    <li><a href="#">Nos Lodges</a></li>
			    <li><a href="#">Votre séjour</a></li>
			    <li><a href="#">Région et activités</a></li>
			    <li><a href="#">évènement et presse</a></li>
			    <li><a href="#">Tarif et contact</a></li>
			  </ul>
 
			</nav>