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

CSS lien en block absolu sur IE [Résolu] - HTML/CSS - Programmation

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 :
http://img17.imageshack.us/img17/4840/joystick.png
 
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 :
  1. <div molette>
  2.       <img molette>
  3.       <lien direction1>
  4.       <lien direction2>
  5.       .......
  6.       <lien direction7>
  7.       <lien direction8>
  8. </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
Reply

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

Reply

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 :
  1. #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
Reply

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

Héhé joli bricolage, ca fonctionne bien avec ces styles et en mettant un &nbsp; dans le lien.
 
Il fallait aussi mettre un text-decoration:none, pour éviter que le &nbsp; soit souligné  ;)  
 
Merci à toi, je passe en [résolu]

Reply

Sujets relatifs:

Leave a Replay

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