Discussion :

[laurentSc]

Bonsoir,

je souhaiterais remonter un sous-menu de niveau 3 :c'est-à-dire qu'il ne commence pas comme aujourd'hui à la hauteur du champ de niveau 2 qui lui correspond mais au-dessus.
Voici à quoi je voudrais arriver :
menu1---------- menu2---------- menu3
------------------ sous-menu1
------------------ sous-menu2 sous-sous-menu2-1
------------------ sous-menu3 sous-sous-menu2-2
-------------------------------- sous-sous-menu2-3

menu1---------- menu2---------- menu3
------------------ sous-menu1
------------------ sous-menu2 sous-sous-menu3-1
------------------ sous-menu3 sous-sous-menu3-2
-------------------------------- sous-sous-menu3-3

et non comme aujourd'hui :
menu1---------- menu2---------- menu3
------------------ sous-menu1
------------------ sous-menu2
------------------ sous-menu3 sous-sous-menu3-1
-------------------------------- sous-sous-menu3-2
-------------------------------- sous-sous-menu3-3

Les tirets sont des espaces.

Et voilà le code que j'ai essayé :

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
18
19
20
21
22
23
24
25
 
<ul id="menu">
<li><a href="#">menu2</a>
  <ul>
	<li><a href="#">sous-menu1</a>
		<ul>
			<li><a href="...">sous-sous-menu1</a></li>
			<li><a href="...">sous-sous-menu2</a></li>
			<li><a href="...">sous-sous-menu3</a></li>
		</ul>
	</li>
	<li><a href="#">sous-menu2</a>
		<ul>
			etc.
		</ul>
	</li>
	<li><a href="#">sous-menu3</a>
		<ul class="col_decal">
			<li><a href="...">sous-sous-menu1</a></li>							
			<li><a href="...">sous-sous-menu2</a></li>
			<li><a href="...">sous-sous-menu3</a></li>
		</ul>
	</li>
  </ul>
</li>

avec

Code css :

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

1
2
3
#menu ul.col_decal{
  top:-50px;
}

sauf que ça ne décale rien ; que faudrait-il faire ?

[Bovino]

que faudrait-il faire ?

Rien de neuf sous le soleil : apprendre CSS afin de savoir quand s'appliquent certaines règles...

[laurentSc]

Ta remarque m'a fait regarder les conditions d'utilisation de top et ainsi c'est résolu :

Code css :

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

1
2
3
4
5
#menu ul.col_decal{
  z-index : 1;
  background-color : white;
  top:-100px;
}

(j'avais d'abord essayé un position:relative à la place du z-index, mais comme du coup l'élément avait un fond transparent, ça n'allait pas...)

[NoSmoking]

que faudrait-il faire ?

Rien...
!!!cela confirme ma remarque sur ce post