Problème affichage a:hover span avec IE, Chrome et safari

natalide78 Messages postés 7 Date d'inscription jeudi 18 mars 2010 Statut Membre Dernière intervention 21 novembre 2011 - 10 nov. 2011 à 13:25
natalide78 Messages postés 7 Date d'inscription jeudi 18 mars 2010 Statut Membre Dernière intervention 21 novembre 2011 - 21 nov. 2011 à 11:27
Bonjour,

j'ai un peu souci d'affichage concernant un menu qui s'affiche au survol de la souris, le tout est fait en CSS.
le sous menu s'affiche correctement quand la souris survole "menu", mais quand je descend la souris pour aller dans les liens du sous menu, il disparaît.
Sur Firefox, ça s'affiche correctement.

Merci de votre aide! :)

voici le code de mon menu dans la page html:



<li>[index.php Accueil]</li>
<li>[ Menu


]. Ecraseurs de crabe,
----
[page3d.php 3D]</li>
<li>[pageVideo.php Vidéos]</li>








et le code CSS:
#menu {
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
width:500px;
height:30px;
overflow:hidden;
}
#menu li {
display:inline;
list-style-type:none;
}
#menu li a {
color:white;
display:inline;
text-decoration:none;
margin:0;
padding-right:50px;
}
#menu li a:hover {
color:#ffcc33;
}
#menu li a span {
display:none;
position:absolute;
top:17px;
left:90px;
background:#7c9ec6;
}

#menu li a:hover span {
display:block;
}

2 réponses

natalide78 Messages postés 7 Date d'inscription jeudi 18 mars 2010 Statut Membre Dernière intervention 21 novembre 2011
14 nov. 2011 à 10:34
Bonjour,

Je reviens sur mon message pour ajouter que j'ai utiliser entre temps les astuces
trouvées sur le net avec le wmode=transparent ou opaque, et le z-index

en fait, le menu déroulant (span a:hover) s'affiche bien au dessus de l'anim Flash, mais quand la souris veut aller sur ce menu, il disparait, et cela ne me le fait que sur IE.

Là, je suis vraiment bloquée, je ne vois pas de soluces.

Si vous avez des idées, elles seront les bienvenues.
Merci
0
natalide78 Messages postés 7 Date d'inscription jeudi 18 mars 2010 Statut Membre Dernière intervention 21 novembre 2011
21 nov. 2011 à 11:27
Bonjour,

J'ai résolu mon problème en reprenant un autre tutoriel et en supprimant les span pour des ul/li.


Cela fonctionne parfaitement maintenant, sur tous les navigateurs.

Bon courage à tous,
natalide78
0