Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
818 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  zone cliquable avec liens probleme dans IE et Opera

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

zone cliquable avec liens probleme dans IE et Opera

n°2055414
crasse2
Posté le 09-02-2011 à 14:42:39  profilanswer
 

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;}

mood
Publicité
Posté le 09-02-2011 à 14:42:39  profilanswer
 

n°2055415
crasse2
Posté le 09-02-2011 à 14:43:13  profilanswer
 

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

n°2055440
Regnareb
Posté le 09-02-2011 à 15:07:56  profilanswer
 

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.  
n°2055471
crasse2
Posté le 09-02-2011 à 15:43:05  profilanswer
 

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 ?

n°2055480
crasse2
Posté le 09-02-2011 à 15:50:13  profilanswer
 

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 !

n°2055637
David Bori​ng
Posté le 09-02-2011 à 22:49:22  profilanswer
 

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
n°2056126
crasse2
Posté le 11-02-2011 à 15:01:26  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  zone cliquable avec liens probleme dans IE et Opera

 

Sujets relatifs
probleme avec un distinctProblème de validation XML via SAX
problème macro import fichier text excelSOS : résolution problème d'algorithme
Problème C++ : Syntax error : missing ';' [ A SUPPRIMER : Solution trouvée]
probleme en assembleurEncore un problème avec les Socket avec Ada
[ACCESS] Problème jointure entre requêtesproblème operateur =
Plus de sujets relatifs à : zone cliquable avec liens probleme dans IE et Opera


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR