[IE6] Lien en display bloc et background image

**haltabush** · 14/12/2007, 12h02

Bonjour,
J'ai un problème sous IE6 avec un de mes liens... Celui-ci n'a aucun contenu, mais il a cependant une hauteur et une largeur, en display:block. Apparement, IE6 n'interprete pas ça, et mon lien ne marche jamais sous ce magnifique navigateur (ironique, moi? meuh non voyons).

Mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
div{
    background-img:url(monimage.jpg);
    width:140px;
    height:160px;
}
 
a{
    display:block;
    height:140px;
    width:140px;
}
 
.....
et le html:
<div><a /></div>

j'oubliais une petite explication : mon lien ne doit pas être sur la totalité de l'image, d'où cette organisation un peu originale : sinon je ne me serais pas embêté et j'aurais fait un truc du genre <div><a><img /> </a></div>

**Bisûnûrs** · 14/12/2007, 12h08

Je vois deux possibilités :

- Au lieu de faire comme ça, tu crées une map.
http://cyberzoide.developpez.com/html/map.php3#tagada

- Tu mets une balise span avec du texte en visibility:hidden dans ton lien.

**haltabush** · 14/12/2007, 12h11

Pas d'idées plus propres? J'aime pas les maps (je sais pas biein pourquoi, mais j'aime pas ça

) Quand au texte, heu... c'est pas propre non plus (re-

)
Enfin merci quand même, je n'avais pas pensé à la deuxième solution

**haltabush** · 14/12/2007, 12h19

?? ça marche pas!
je cherche un peu avant d'en dire plus

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="/" title="Cartoline" id="link-cartoline-logo"><span>j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime pas ie j'aime</span></a>

Dommage que ça marche pas

**Bisûnûrs** · 14/12/2007, 12h37

Je n'ai pas de problème moi :

http://josselin.willette.free.fr/codessources/ablock/

**haltabush** · 14/12/2007, 12h46

Effectivement...
Je ne vois pas la différence avec mon code, bon je vais continuer à chercher... Merci en tout cas

edit:
En fait dans ton cas tu n'a même pas besoin de mettre de span... Je comprends pas :s

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<title>Titre</title>
</head>
<body>
 
<div style="width:140px;height:160px;background:red">
	<a href="#" style="display:block;width:140px;height:140px;background:green;text-decoration:none"></a>
</div>
 
</body>
</html>

[IE6] Lien en display bloc et background image

CSS

Vue hybride

Discussions similaires

Partager

Partager