Discussion :

[laurentSc]

Bonjour,

pas facile de trouver un titre explicite !

Mon souci ; je suis sur un menu construit avec une liste ul. Lorsqu'on survole les items du menu, on affiche le sous-menu :

Code css :

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

1
2
3
.menu li:hover > ul{
  display: block;
}

par contre pour que ce sous-menu ne masque pas les items suivants du menu, je le décale un peu vers le bas :

Code css :

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

1
2
3
.menu li ul {
	top:6em;
}

Il y a donc un espace entre l'item du menu et le sous-menu correspondant. Il est donc impossible de le survoler pour atteindre ces propres items. Y a-t-il une solution ?
Le html correspondant :

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
 
<ul class="menu">
...
<li class="menuhelp position"><a class="plus" href="#"> ...</a>
	<ul>
	  <li>...</li>
          <li>
	     <ul>
		<li> ... </li>
		<li> ... </li>
	    </ul>
         </li>
 
      </ul>
</li>
...
</ul>

[Invité]

top:100%;

[laurentSc]

J'ai contourné mon problème en déplaçant l'item à un endroit où ça ne gêne pas.

[laurentSc]

Merci pour ta réponse Jérôme ; néanmoins 100% ne décale pas suffisamment ; il faut 200% et là, l'espace réapparaît, mais mon contournement me convient

[Invité]

franckeinsteinSc,

Si au moins UNE FOIS tu nous donnais un code TESTABLE, on pourrait te donner la réponse adéquate et précise.

Mais non. Tu t'acharnes à ne donner qu'un code DÉTESTABLE...

Tu aimerais être PRIMÉ ? C'est moi qui suis DÉPRIMÉ...

[laurentSc]

Bien vu les 2 jeux de mots

J'espère comprendre (il serait temps t'entends-je penser) ; on verra si ça se concrétise...