Alignement Image et Menu horizontal
Hello à tous,
J'ai actuellement un petit souci, j'ai fait une petite page et en haut de celle-ci j'ai un logo et un menu en liste horizontale. Mon seul petit problème c'est que je n'arrive pas à aligner les deux éléments. La seule chose que j'arrive à faire c'est de mettre des float mais le résultat est plutôt douteux... Idéalement je voudrais avoir le menu aligné avec le logo avec un peu d'espacement entre les deux éléments. Voici mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <div class="header">
<img src="images/logo.png" alt="logo">
<ul id="nav">
<li><a href="#">Accueil</a></li>
<li><a href="#">Vidéos</a></li>
<li><a href="#">Projets</a></li>
<li><a href="#">Équipe</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div> |
Le CSS :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| .header {
width:950px;
height:95px;
margin:0px auto;
padding:0px 0px 0px 0px;
}
ul#nav li {
display : inline;
padding : 0 0.5em;
}
ul#nav {
list-style-type : none;
} |
Voilà voilà, si quelqu'un a une petite idée, je suis preneur.
Merci d'avance !
