Discussion :

[gambas1900]

Bonjour,

J'ai un petit problème pour aligner mon texte sur ma barre de menu.

Au lieu de me mettre le texte comme ceci, l'attribut float me met le texte comme cela.

Voici un aperçu de mon code HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<nav>
<div id="nav">
<ul>
<li><a href="#">ACCUEIL</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">CV</a></li>
</ul>
</div>
</nav>

Et de mon CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
#nav { 
background:url(images/nav.png) no-repeat center; 
padding: 10px 0; 
}
 
#nav ul li {
list-style: none; 
float: left;
}
 
#nav ul li a {
font-size: 1.3em;
text-align: center;
display: block;
}

Je commence tout juste à coder, j'ai donc du oublier plusieurs choses.

Merci d'avance.

[Emyleen]

Bonjour,

Déjà pourquoi ajouter une div #nav? Tu peux directement donner des caractéristiques css à la balise nav.
Essaye de mettre tes li en display: inline-block; à la place du float

[gambas1900]

Ah ! merci bien ça marche