|
Publicité ' | |||||||||||||||||||||||
|
|
#1 |
|
Invité de passage
![]() Inscription : novembre 2010 Messages : 5 ![]() |
Bonjour à tous,
Je rencontre un souci CSS sous IE6/7 que je ne parviens pas à résoudre. Contexte : * Je dispose d'un bloc * Dans ce bloc se trouve un bout de texte ainsi qu'une image * Je veux disposer un lien par dessus la totalité de ce bloc Exemple : http://www.fabien-saintjalmes.fr/test_css/ Problématique : Sous IE6 et IE7, le lien n'est pas reconnu lorsque le curseur de la souris passer par dessus l'image et le texte. Dans le cas du texte, le lien n'est pas non plus reconnu sur le padding mais l'est bien sur le margin. J'ai testé pas mal de choses parmi lesquelles jouer avec les z-index et/ou les positionnements, sans succès. Précisions: Je suis parfaitement conscient qu'une solution serait de modifier la structure HTML, en englobant directement les textes et images avec le lien en question, mais mon interrogation se porte plus sur la compression de ce qui provoque cette anomalie chez IE (même IE9...). Qui plus est, dans des cas de figures plus complexes, il ne m'est pas réellement possible de la structure HTML si je veux conserver une sémantique correcte (<div> dans <a> impossible par exemple, même si rien ne m'empêche de remplacer les <div> par des <span> ou des <p> en display:block Je serais ravi que l'on m'apporte une solution sur le sujet Merci par avance. |
|
|
00
|
|
|
#2 |
![]() ![]() Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 ![]() |
Tu peux résoudre ton problème en mettant un background:url(null) sur ton lien (l'explication a été donnée un jour par Candygirl sur le forum mais je n'arrive plus à mettre la main dessus).
|
|
|
10
|
|
|
#3 |
|
Invité de passage
![]() Inscription : novembre 2010 Messages : 5 ![]() |
Oups, je pensais m'être abonné à la discussion et n'avoir eu aucune réponse, d'où mon délai de réponse...
En tout cas, ton astuce fonctionne parfaitement Bisûnûrs, merci beaucoup Je vais essayer de retrouver l'explication, cela m'intéresse |
|
|
00
|
|
|
#4 |
|
Invité de passage
![]() Inscription : novembre 2010 Messages : 5 ![]() |
Je me suis finalement rendu compte que la solution énoncée ci-dessus n'était pas très bonne, car le navigateur essaie de charger une nouvelle CSS 'null' à la même adresse que celle qui inclus cette ligne de code (cf Firebug).
Une autre solution est finalement l'utilisation d'un shim (image vide) en guise de background du lien. |
|
|
00
|
Copyright © 2000-2012 - www.developpez.com