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 : Sélectionner tout - Visualiser dans une fenêtre à part
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&eacute;os</a></li>
		<li><a href="#">Projets</a></li>
		<li><a href="#">&Eacute;quipe</a></li>
		<li><a href="#">Contact</a></li>
	</ul>
 
</div>
Le 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
.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 !