28172 sujets

CSS et mise en forme, CSS3

Image flottante dans texte sous ie7

Bonjour à tous et à toutes,
j'ai crée un article, pour mon site, qui contient une image.
Je souhaite que mon texte (situé à droite de mon image) passe sous l'image des que possible.
J'obtiens le resultat voulu grace à un float left de l'image.
Cependant cela ne fonctionne pas sur ie7.
Si quelqu'un à une idée voir une solution je suis preneur.

ps: exemple du résultat escompté ci joint.

Merci à tous.
Saito78 upload/29012-essai.png
Administrateur
Hello,

Pas évident de deviner le problème sans le voir en réél, ni pouvoir lire le code Smiley ohwell
c'est vrai désolé

voici le code html :
   <body>
   	<p class="roberto">
   		<img src="/commun/images/structures/logos/logo1.gif" style="float:left" />
   	</p>
   	<p style="width:300px">
   		"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 
   		ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco 
   		laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in 
   		voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
   		non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
   	</p>
   </body>



Pour le CSS je donne juste les dimensions de mon image.
Enfin la copie d'écran jointe dans le message précèdent est obtenue sous Firefox.
Je n'arrive pas à faire de copie de mon écran sous ie7 mais le texte reste à droite au lieu d'effectuer un retour à la ligne sous l'image.
J espère avoir été clair.
Merci
Bonjour,

Il faut créer un <div> conteneur comme ça par exemple:


   <div style="width:300px">     
           <img src="img.gif" with=154px heigh=106px  style="float:left" /> 
       <p > 
           "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor  incididunt  
           ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco  
           laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in  
           voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat  
           non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." 
       </p> 
   </div>
Sujet clos
Aller à