Deux blocs sur une même ligne

Fermé
sparkynormik Messages postés 15 Date d'inscription jeudi 14 août 2008 Statut Membre Dernière intervention 27 février 2013 - 20 févr. 2013 à 22:30
GossBow Messages postés 50 Date d'inscription jeudi 18 octobre 2012 Statut Membre Dernière intervention 27 février 2014 - 20 mars 2013 à 20:24
Bonjour,

Je souhaite créer deux blocs : <header> dans lequel sera le logo et <nav> dans lequel sera mon menu horizontal.

Ces deux blocs doivent être collés de sorte que le menu soit tout juste à la droite du logo.

Comme ils sont de type block, il y a un saut à la ligne.

Comment faire pour que ces deux parties soient sur la même ligne?

Merci
A voir également:

2 réponses

inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 265
20 févr. 2013 à 23:59
proprieté css "float" et largeur fixe définit pour les éléments

ex dans un conteneur nommé "box"
en CSS :
#box { width:1000px; overflow:hidden;}
header {float:left; width:200px;}
nav {float:left; width:800px;}

et pour le HTML :
<div id="box>
<header> le contenu ici...</header>
<nav> le contenu ici ... </nav>
</div>
0
GossBow Messages postés 50 Date d'inscription jeudi 18 octobre 2012 Statut Membre Dernière intervention 27 février 2014 5
20 mars 2013 à 20:24
Ton problème est il résolue ?
0