zone cliquable avec liens probleme dans IE et Opera

zone cliquable avec liens probleme dans IE et Opera - HTML/CSS - Programmation

Marsh Posté le 09-02-2011 à 14:42:39    

Bonjour !  
 
j'ai un souci, je cherche a creer des zones cliquables avec liens sur quelques div contenant des images (pour ne pas avoir a redecouper les images elles meme car y'en a un paquet, j'ai donc créé des zone cliquables par dessus) ça fonctionne bien dans FF et Chrome par contre elles ne semblent pas etre la dans IE et Opera, je vous montre comment j'ai procédé :
 
l'image et son css :  
 

Code :
  1. <div id="bl_01"><img src="images/presse_07.png"/></div>
  2. #bl_01 {position:absolute;width:1280px;height:1425px;top:98px;left:0px;}


 
et sa zone cliquable :
 

Code :
  1. <a href="pdf/2010-11-08 cb news.pdf" target="_blank"><div class="l" id="l_01"></div></a>
  2. .l {position:absolute;width:225px;height:40px;left:460px;cursor:pointer;}
  3. #l_01 {top:285px;}

Reply

Marsh Posté le 09-02-2011 à 14:42:39   

Reply

Marsh Posté le 09-02-2011 à 14:43:13    

si des gens ont une idée de ce qui pourrais clocher, dites moi s'il vous plait :)

Reply

Marsh Posté le 09-02-2011 à 15:07:56    

Salut,
Peut-être qu'avec une page complète ce serait déjà plus simple de voir le problème, si ça se trouve ça ne vient pas de là.
 
Sinon j'ai déjà envie de corriger certains trucs :
 

Code :
  1. <div id="bl_01"><img src="images/presse_07.png" alt="Alternative" /></div>
  2. #bl_01 {position:absolute;width:1280px;height:1425px;top:98px;left:0px;}


 

Code :
  1. <a href="pdf/2010-11-08 cb news.pdf" target="_blank"><div class="l" id="l_01">balise vide</div></a>
  2. .l {position:absolute;width:225px;height:40px;left:460px;cursor:pointer;}
  3. #l_01 {top:285px;}


 
Et c'est quoi tout ces noms d'id et de class dégueulasses ?


---------------
Bobo est un mot valises voulant dire tout et son contraire, ne signifiant alors strictement rien. Arrêtez d'être con et d'utiliser ce terme pour autre chose qu'une blessure.  
Reply

Marsh Posté le 09-02-2011 à 15:43:05    

mes id et class sont pas top, mais je m'y retrouve, par contre je vient de localiser le probleme, en fait ouais, l'absence de contenu de div pose un probleme a IE (mais pas aux autres) si je met du texte, une couleur ou une image elle devient cliquable sans souci mais le probleme c'est que y'a deja un truc en dessous, je veux qu'elle reste transparente, y'a moyen d'avoir une div invisible cliquable sur IE ?

Reply

Marsh Posté le 09-02-2011 à 15:50:13    

trouvé !
 
je met une couleur de fond dans le css de ma div et j'ajoute :
 
filter:alpha(opacity=0); pour IE
opacity:0;
-moz-opacity:0; pour FF
 
et sa roule :D !

Reply

Marsh Posté le 09-02-2011 à 22:49:22    

crasse2 a écrit :

mes id et class sont pas top, mais je m'y retrouve


En fait, c'est non valide, tu ne peux pas commencer par des chiffres
http://www.w3.org/TR/html4/types.html#h-6.2


Message édité par David Boring le 09-02-2011 à 22:49:36
Reply

Marsh Posté le 11-02-2011 à 15:01:26    

ce n'est pas un 1 c'est un l comme dans leonard :P !

Reply

Sujets relatifs:

Leave a Replay

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