Deux blocs sur une même ligne
sparkynormik
Messages postés
15
Date d'inscription
Statut
Membre
Dernière intervention
-
GossBow Messages postés 50 Date d'inscription Statut Membre Dernière intervention -
GossBow Messages postés 50 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Deux blocs sur une même ligne
- Partager photos en ligne - Guide
- Comment faire deux colonnes sur word - Guide
- Mètre en ligne - Guide
- Deux compte whatsapp sur le même téléphone samsung - Guide
- Deux ecran pc - Guide
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>
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>
