[Résolu] CSS lien en block absolu sur IE

Marsh Posté le 22-08-2009 à 22:35:02

Bonjour,

Le problème est dans cette page : http://www.over9000project.fr/map/

Dans la box de contrôle de gauche, il y a un genre de molette pour se diriger.
La molette est une image avec des liens superposés.

Voila un petit schéma d'illustration :

En vert fluo tout au fond, c'est image.
Juste par dessus en rouge, les 4 liens diagonaux.
Et tout en jaune, les 4 liens "cardinaux".

En fonction de la position de la souris, l'image change pour afficher la version qui correspond à la direction choisie.

Or ces liens ne fonctionnent pas sur IE. Ils n'apparaissent pas.

L'arborescence des balises est ainsi :

Code :

<div molette>
<img molette>
<lien direction1>
<lien direction2>
.......
<lien direction7>
<lien direction8>
</div molette>

Tout ce beau monde est en absolute, et les z-index sont bien choisis.

Qu'y a-t-il qui cloche ?

Merci d'avance pour votre aide :hello:

Message édité par Pascal le nain le 23-08-2009 à 11:24:13

Marsh Posté le 22-08-2009 à 22:35:02

Marsh Posté le 23-08-2009 à 09:47:44

bug courant sous IE6, les blocks n'ont pas de consistance réelle, et s'il y a du texte, ça marche, c'est débile mais c'est comme ça
donc solution efficace :

Code :

#padmachin, #padmachin2 {overflow:hidden; font-size:300px;}

en gros on force le bout de texte qu'il y a dedans à faire une grande taille. Et là ton lien sera clicable

---------------
Blablaté par Harko

Marsh Posté le 23-08-2009 à 11:24:00

Héhé joli bricolage, ca fonctionne bien avec ces styles et en mettant un   dans le lien.

Il fallait aussi mettre un text-decoration:none, pour éviter que le   soit souligné

Merci à toi, je passe en [résolu]

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *