28173 sujets

CSS et mise en forme, CSS3

Salut a tous,

j'ai encore un petit probleme d'affichage avec netscape.

Voici le code concerné:

<a class="info"        href="#"     ><img src="../imagesite/editeur/glenat.jpg" alt="Glénat" style="height:20px;"><div><b>Glénat</b></div></a>


avec la classe info:
a.info 
{
position: relative;
text-decoration: none;
color: black;
}


Souns netscape l'image n'est affiché qu'a moitié (horizontalement). Alors qu'elle fait 20 px de hauteur.
Vous avez une idée.?

Apparement ca vient du position:relative car quand je l'enleve ca ne le fait plus mais je suis obliger de le conservé car c'est ce qui me sert a faire mes infobulles en CSS. (sinon l'infobulle apparait tout en haut a gauche de la page).

Merci d'avance Smiley cligne .
Modifié par death83 (08 Feb 2006 - 20:55)
death83 a écrit :
Salut a tous,
<img src="../imagesite/editeur/glenat.jpg" alt="Glénat" style="height:20px;">


Bonsoir,
Je t'avoue que c'est la première fois que je vois ça Smiley eek
Pourquoi tu ne mets pas simplement height="20" ? (et pour la largeur)
Modifié par Alan (06 Feb 2006 - 21:28)
Deja essayer mais malheuresement ca fait exactement pareil.

Tu peut essayer avec ce bout de code tu vera c'est surprenant Smiley cligne .

Mon image fait 20 de hauteurs et 30 de largeur. et est inséré dans un <td>.
Salut, je ne pensais pas que que ça allait régler ton problème. Ca m'a juste étonné.
Concernant ton morceau de code, il n'est pas valide en l'état.
Tu auras sûrement un message d'erreur avec l'explication :
a écrit :
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Modifié par Alan (06 Feb 2006 - 21:56)
Alan a écrit :
Salut, je ne pensais pas que que ça allait régler ton problème. Ca m'a juste étonné.
Concernant ton morceau de code, il n'est pas valide en l'état.
Tu auras sûrement un message d'erreur avec l'explication : One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


Ca c'est a cause du <div> a l'intérieur du <a>.

Mais avant je faisait ca avec un span. Tu peut essayer avec un span ca fait exactement pareil. (le probleme ne vient pas de la Smiley cligne ). Je crois meme que ca fait pareil en enlevant cette partis. En fait elle est invisible et s'affiche lorsque la souris est sur l'image (c'est une infobulle en CSS).
Salut, je ne pensais pas non plus que ça venait de là, mais autant travailler sur un code valide Smiley cligne

Et si tu mets img en position: relative, que dit netscape ?
a.info img {
	position: relative;
}

Modifié par Alan (06 Feb 2006 - 22:37)
Alan a écrit :
Salut, je ne pensais pas non plus que ça venait de là, mais autant travailler sur un code valide Smiley cligne

Et si tu mets img en position: relative, que dit netscape ?
a.info img {
	position: relative;
}


Je vais essayer ca ce soir.
C'est vrai que le position:relative m'a deja tiré de quelques probleme sous netscape. Donc pourquoi pas encore une fois ^^.
death83 a écrit :
Bon ba apparement c'est le remede miracle a netscape le position:relative Smiley cligne .

Merci bien Smiley cligne .

C'est pas risoli qu'il faut mettre dans ton titre mais résolu Smiley cligne