28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'essaie désespérément d'afficher une image avec ce code là :



<h3>Texte</h3>
<img src="image.gif" style="float:left; height:100px; width:120px; margin:0 25px 10px 0px;" />
<p>texte</p>


Sous Firefox et IE6 ça fonctionne très bien l'image apparait parfaitement avec le texte aligné à gauche.

par contre, sous Ie7, l'image est coupée !! Y a t -il une astuce pour remédier à ce problème dans le style.

Je vous en mets le rendu en pièce jointe :

Image sous IE7 :
upload/10984-imgIE7.gif


Image sous IE6 ou Firefox - OK
upload/10984-imgOK.gif


Merci de votre aide ! C'est urgent ! Smiley sweatdrop
Modifié par louloute8091 (16 Oct 2008 - 17:26)
Bonjour loloute8091,

Le code n'est ni très "beau", ni très valide, mais avec les seules infos que tu fournis, je n'ai pas remarqué de tronquage sous IE7.

Peut-être une interférence avec d'autres propriétés déclarées dans ta page (ou dans une feuille de styles), une dimension mal écrite, un élement positionné qui viendrait recouvrir ton image, un soucis de Doctype, un soucis de cache navigateur.........

Bref, tu l'auras compris, sans plus d'informations, il va être difficile de t'en dire plus... Smiley ohwell

Ce tutoriel pourrait éventuellement te fournir des infos interessantes Smiley cligne

Cdt,
Sylvain
Le code donné m'a l'air correct. Mais effectivement, impossible de dire quoi que ce soit sans plus d'informations, en particulier sans page en ligne.
Merci de vos réponses. Bon, c'est pour le boulot et je bosse en local dc c'est difficile de vous montrer la page entière.

Mais en fait, et sans explication - si peut-être une : j'ai ajouté des paragraphes de texte à la suite (car je m'étais arrêtée dès la découverte du bug) et le pb c'est résolu de lui même...

J'avais regardé dans la feuille css et la seule propriété donnée à la balise img est
border : 0;
. Je sais que c'est pas très propre mais j'avais besoin de spécifier une présentation différente pour cette image et c'est pour ça que j'avais mis un attribut css "style =".

Bon bah merci quand même ... Smiley biggrin
Bien donc [résolu] alors ? Smiley cligne

ps: Lorsque tu auras réintégré les styles dans la feuille de styles, une petite balise alt (surtout !) et des dimensions dans le code html ne pourront pas faire de mal Smiley cligne

Cdt,
Sylvain

*Tu résous plus vite que ton ombre Smiley lol
Modifié par 6l20 (16 Oct 2008 - 17:33)