Deux blocs sur une même ligne
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
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
2 réponses
-
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> -
Ton problème est il résolue ?
