Discussion :

[rlefrant]

Bonjour,

Voila j'ai un souci, j'ai un menu a gauche de mon corps et je voudrais egalement mettre un second menu à droite du corps mais j'ai beau essayer tout un tas de trucs, il ne s'affiche pas du tout correctement...

Voici un extrait de mon code CSS ou je definis mes deux menus:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
#menu
{
   float: left;
   width: 200px;
}
 
#menu2
{
   float: right;
   width: 200px;
}

Le menu s'affiche à droite mais a l'intérieur de mon corps

Si j'essaye autre chose, il se met en bas du corps mais bref, jamais ou je voudrais qu'il soit!

Je suis novice en CSS et html est-ce quelqu'un peut m'aider?

Un grand merci

[sebhm]

Bonjour,

le CSS va avec le code HTML.
Montre nous ce qu'il en est de ce coté pour qu'on puisse mieux t'aider.

une page qui peut t'intéresser

[kaiser59]

Salut,

Il te suffit de mettre float:left aux trois élements ce qui à pour effet de les aligner. Tu as donc :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#middle {
width:900px;
margin:auto;
}
#menu1 {
float:left;
width:150px;
min-height:200px;
}
#center {
float:left;
width:600px;
min-height:500px;
}
#menu2 {
float:left;
width:150px;
min-height:200px;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="middle">
 <div id="menu1">
   <ul>
     <li>Etape 1</li>
     <li>Etape 2</li>
  </ul>
 </div>
 <div id="center">
    <p>Contenu central</p>
 </div>
 <div id="menu2">
   <ul>
     <li>Etape 3</li>
     <li>Etape 4</li>
   </ul>
 </div>
</div>

Voila le principe