Discussion :

[Mat67]

Bonjour, j'aimerai réaliser un petit encadré, qui s'affichera au bout de quelques seconde (lorsque le pointeur de la souris est sur le lien).



Mais voilà, je suis confronté quelques problèmes.

- L'encadré ne s'affiche pas par dessus le reste de la page (les informations derrière l'encadré s'affichent)
- Lorsque je passe le curseur sur l'encadré, c'est comme s'il y en avait pas, un autre lien se sélectionne.
- J'aimerai que l'encadré ne s'affiche que quelques secondes après avoir passé la souris sur le lien.

Voici le code css concernant l'encadré :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
#listeCourrier .description
{
display: none;
height:100;
width:100;
left:100;
background:#FFFFFF repeat;
background-color::#FFFFFF;
border: 1px solid black;
}
 
 
#listeCourrier li:hover > .description { display: block; position: absolute; }

Merci d'avance! et n'hésitez pas si vous avez des questions.

[Mat67]

En fait, je viens de remarqué, que si j'affiche le menu au dessus des liens, j'ai pas de problème...



Mais comme dit, je veux l'afficher en dessous.

Voici le code html correspondant :

Code :

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

1
2
3
4
5
6
7
8
9
 
<ul id="listeCourrier">
<li><a href="Modification/index_courrier.php?num=<? echo $no;?>" > ...
</a>
<ul class="description">
test
</ul>
</li>
</ul>

[Mat67]

C'est reglé, il suffisait juste de rajouter

Code :

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

1
2
 
z-index  : 1000;