Discussion :

[Seta-san]

Bonsoir !

J'ai un div en display:none qui contient des liens.
Au survole d'une image, le div passe en display:block.

Le soucis est que les liens sont superposés les uns sur les autres et je ne sais pas pourquoi.

Je précise que si il s'agit d'un texte normal (sans lien) ca s'affiche correctement.

Concrètement, dans le code ci-dessous, le div "produit" s'affiche correctement mais "preparation" superpose les liens.

titre_menu est en position absolute

Code :

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

1
2
3
4
5
6
7
8
9
<div class="titre_menu"> 
 
<div  id="produits"  style="display:none;">Coffrets Ethniques  | Sachets Ethyniques | Coffrets sp Darjeeling | Pochettes tr&eacute;s&eacute;es | Boite ronde | Accessoires &nbsp;</div>
 
<div id="preparation" style="display:none; "><a href="index.php?rubrique=choisir">Choisir son th&eacute;</a> | <a href="index.php?rubrique=accessoires_prepa">Les accessoires</a> | <a href="index.php?rubrique=infusion">Infusion</a></div>
 
 
</div>
<!-- FIN SOUS MENU -->

[12monkeys]

Bonsoir

Avoir ce code css ou mieux, une page en ligne serait appréciable...

[Seta-san]

En passant la souris sur le menu du haut
Ici

[12monkeys]

Dans ta css tu déclare ceci :

Code :

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

1
2
3
4
5
a {
color:#666666;
display:block;
text-decoration:none;
}

Tes liens sont en display:block. Retire cette déclaration et tes liens ne se mettrons plus à la ligne...

Ca ne le faisait pas pour le premier menu parce que sur celui ci tu n'as mis aucun lien

[Seta-san]

display:block je l'ai ajouté après pour voir si ça debeugue. En vain.. :s.
Ca s'empile donc même sans.

[12monkeys]

Tu teste sur quel navigateur ?

Parce que pour ma part en enlevant ce display:block attribué au lien <a>, tes éléments de menu se mettent bien à la ligne avec firefox 3.5

[Seta-san]

Mozilla 3.0.13
Je ne peut pas tester sous ie6 par contre, mais le 7 fonctionne effectivement.

Sous ie 6 ca marche aussi finalement.
C'est étonnant que la version 3 firefox l'applique pas correctement.

[12monkeys]

Je vois que tu as viré ce display:block sur le lien et cela fonctionne bien avec Firefox. Peut être un problème de cache à ton niveau ?

Je viens de tester avec IE8, cela fonctionne aussi.

Sauf que ton menu horizontal est décalé vers le haut, en mode de compatibilité c'est correct.

[Seta-san]

J'ai mis a jour mon Firefox et ca l'a fait quand même. J'ai vidé mon cache et ca a corrigé le problème. Merci beaucoup !

Je vais essayer de trouver un outil pour visualiser sous ie8.

Merci

EDIT : Par contre ca me le refait une fois sur deux. Des que je clique sur un lien ca recommence et il faut que j'actualise plusieurs fois pour que ca s'affiche correctement. Comment je peux corriger ca ? (sachant que je vide le cache a chaque fois)

[12monkeys]

Je ne vois pas ce problème, ça ne me semble pas être un souci de code. As tu essayé sur un autre ordinateur ? Essaye aussi Web Developer qui permet de désactiver le cache...