28172 sujets

CSS et mise en forme, CSS3

VOilà j'ai un problème avec firefox.
Je vous mets le code. Ce sera plus simple.


<p class="coments"><br /><img src="" style="vertical-align: middle;" />Mon texte <a href="lien.htm"><img src="" style="vertical-align: middle; margin-left: 290px;" /></a></p>

Feuille de style
.coments {
color:blue;
}


L'affichage est correct mais sous firefox la zone cliquable s'effectue sur l'image mais aussi sur la marge de gauche d'une taille de 290 pixels. Or je voudrai que cela se limite à l'image. Normal.

Merci de votre aide.
Modifié par azzurro (14 Oct 2008 - 16:23)
Bonjour azzuro,

Ne pas mettre de marge de 290 pixels à l'image ? Smiley rolleyes

Tu peux peut-être mettre ton texte ("Mon texte ") dans un span et lui allouer cette marge (à droite pour le coup) que tu destinais au lien.
Peut-être également mettre cette image en display: block; ? A voir...

Sinon, c'est juste pour l'exemple que tu utilises un saut de ligne (<br />) au lieu d'une marge, des styles en ligne en lieu et place d'une feuille de styles, qu'il n'y a pas de texte alternatif à tes images ni de dimension ?
Tu me rassures Smiley cligne

Si cela ne convient pas, merci de repréciser ton besoin, via une image ou une page de test en ligne Smiley cligne

Cdt,
Sylvain
Merci beaucoup c'est exactement ce que je cherchais.

En ce qui concerne le br je me suis rendu compte de ma bêtisse en collant le code dans le message.

Encore Merci.