Discussion :

[Beatboxxy]

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 !

[Bisûnûrs]

Un float:left sur l'élément img et sur l'élément ul, plus un margin-left, genre de 20px sur l'élément ul ne te convient pas ?

Si tu as design qui nécessite un positionnement au pixel près de ces éléments, on ne pourra pas t'aider sans une page en ligne.

[Beatboxxy]

Hello Bisûnûrs !

Merci de ta réponse, j'ai réussi à faire avec les floats et jouer un peu avec les margin.

J'ai juste une petite question, comment puis-je procéder si je veux centrer les deux éléments ?

[Bisûnûrs]

Tu peux englober les deux éléments d'un div, qui prend pour largeur la somme des largeur de ton logo et de ton menu. Tout en mettant un margin:auto à ce div.

[Beatboxxy]

Merci beaucoup Bisûnûrs ! Problème résolu, encore merci pour ton aide !