Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 21/11/2011, 08h41   #1
Invité de passage
 
Inscription : novembre 2010
Messages : 5
Détails du profil
Informations forums :
Inscription : novembre 2010
Messages : 5
Points : 1
Points : 1
Par défaut [IE] Lien absolu par dessus image/text non détecté

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.
GxiGlon est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/11/2011, 09h23   #2
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
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).
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 26/12/2011, 17h19   #3
Invité de passage
 
Inscription : novembre 2010
Messages : 5
Détails du profil
Informations forums :
Inscription : novembre 2010
Messages : 5
Points : 1
Points : 1
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 Si je la trouve, j'éditerai mon message.
GxiGlon est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/01/2012, 14h53   #4
Invité de passage
 
Inscription : novembre 2010
Messages : 5
Détails du profil
Informations forums :
Inscription : novembre 2010
Messages : 5
Points : 1
Points : 1
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.
GxiGlon est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 10h44.


 
 
 
 
Partenaires

Hébergement Web