Deux blocs sur une même ligne
sparkynormik
Messages postés
18
Statut
Membre
-
GossBow Messages postés 59 Statut Membre -
GossBow Messages postés 59 Statut Membre -
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> -
