Discussion :

[joums]

Bonjour,

Je souhaitais utiliser le menu déroulant qui est proposé sur le site
Voici le lien :
http://css.developpez.com/tutoriels/...enu01test.html

Je l'ai adapté à mon site cependant je n'arrive pas à ce que la largeur du "sous menu" soit égale la totale de la feuille.
Je souhaite que lorsqu'on passe sur le menu, le sous menu s'affiche sur la totalité de la page.
Le but est de voir tout le "sous menu" en un seul bloc car celui-ci à plusieurs colonnes.

Code :

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

1
2
Ex : Menu1 =       Accueil     Menu2 = Client       Menu3 
      Sous menu =  Home        Présent              contact       téléphone

Et chacun des sous menu aurait une liste en dessous d'eux


Merci pour votre aide

[FraK]

Quelque chose dans ce style devrait déjà t'aiguiller :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="menu">
<ul>
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Item 3</a></li>
</ul>
</div>

Code :

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
20
21
22
23
24
25
26
27
28
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:#FFD700;
 }
#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }

[joums]

Bonjour, merci pour ce bout de code, seulement cela ne répond pas à ce que je souhaite faire.
Le code qui est indiqué est celui d'une liste "simple" alors que j'avais précisé une particularité c'est à dire un sous menu étiré sur toute la largeur de la page.
Voici un exemple dans le fichier ci-joint
Merci de votre aide