18073 sujets

Questions générales et questions de débutants

[resolu] Une image dans le menu vd1 : comportement différent ie/FF

Salut

Je viens de retirer les frames de mon site http://frobar.info/moto/ et j'ai mis à la place une mouture (améliorations visuelles à venir) du menu vd1...

Ca marche très bien et de la même façon avec FF et IE tant que je met du texte dedans...

Il se trouve que j'ai un lien vers un annuaire avec une image et que j'ai ajouté des pubs google - qui ne tente rien n'a rien, si ça me paye l'hébergement quand 1&1 aura fini de faire son offre gratuite Smiley rolleyes - et justement on voit mieux avec la pub le soucis, sans je n'aurait même pas fait attention !

Ca marche toujours heureusement, mais esthétiquement parlant, j'ai un "gros soucis" : avec FF, l'image sort du rectangle si elle est plus haute, alors qu'elle est bien contenue dedans avec IE qui aggrandit le rectangle (zut, un bug FF ? Smiley eek )

J'ai cherché dans les archives mais je n'ai rien avant mars 2006 (est-ce normal d'ailleurs) donc pas la peine de me brûler en place publique si ça saute aux yeux ;o)

Un petit bout de code pour montrer ce que j'ai fait de différent du menu normal en texte


<dt onclick="javascript:montre();"><a href="mailto:..."><img src="../images/email.png" alt="M'&eacute;crire" title="m'écrire" /></a></dt>
<dt onclick="javascript:montre();">
<a href="..." title="..., lien externe"><img src="http://.../img/ban88x31.gif"  alt="referencement gratuit" title="..., r&eacute;f&eacute;rencement gratuit, lien externe" /></a></dt>

Modifié par Bob (MC Melun) (21 Apr 2006 - 11:11)
Bonjour Bob,

En fait, c'est normal puisque tes éléments "dt" ont une hauteur de 20px.

En mettant :

height: 100%;


c'est bon Smiley smile
Merci beaucoup, c'est bien mieux comme cela...

J'ai ajouté un min-height aussi car j'ai une image trop petite (le mail) et la zone devenait trop petite à mon goût...

Tant pis pour IE Smiley biggol
Essais ça alors Smiley cligne 


#menu dt {
cursor: pointer;
margin: 2px 0;
height: 100% !important;
height: 20px;
line-height: 20px;
min-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
Sujet clos
Aller à