Faire que le texte contourne l'image

Faire que le texte contourne l'image - HTML/CSS - Programmation

Marsh Posté le 26-12-2009 à 02:43:50    

Bonsoir,  
 
j'ai un texte d'une certaine longueur et je souhaite y mettre a un endroit precis une image sur la droite pour décorer.  
 
A l'endroit où il y aura l'image (sur les meme lignes), le texte devra y etre mais devra s'arreter au niveau de l'image.  
Puis des que le texte atteind le bas de l'image, il réutilise toute la ligne, normalement quoi.  
 
Cependant je n'y arrive pas. J'ai fait une div pour mon texte, et suivant mes reglages, soit le texte passe sous l'image (donc caché), soit par dessus l'image (comme si elle était transparente), soit si je precise que la longeur de ma div est de 50% alors elle s'arrete a 50% (ce qui est avant l'image donc bien), mais quand on arrive apres l'image ca reste en 50% au lieu d'utiliser toute la longueur ^^.  
 
partie html:

Code :
  1. <div id="colonne1">blalblaldzld;slkdsldkl.....</div>
  2. <img src="/deco/tp1.jpg" align="right" />


 
partie css :  

Code :
  1. #colonne1 {width:auto  ;
  2.            height:100px;   
  3.            float:left;
  4.            padding: 0;
  5.            margin: 0;
  6.            border: 0;
  7.            position:relative;  
  8.            top: 0;
  9.            float:left;
  10. }


 
De cette facon, j'ai mon texte qui se met par dessus l'image comme ci celle ci etait en arriere plan... J'ai essayé de créer une div pour mon image aussi, sans succes.  
 
Need your help

Reply

Marsh Posté le 26-12-2009 à 02:43:50   

Reply

Marsh Posté le 26-12-2009 à 11:07:22    

tu enleves tous les styles que tu as mis sur ton #colonne1
tu mets l'image avant, et tu la "float" left ou right et c'est tout
exemple :  

Code :
  1. <div>
  2. <img style="float:right" />
  3. <p>test sd skjdsk dkjsdkj skd sjkd jsdk skjd kjsdk skjd skjd</p>
  4. </div>



---------------
Blablaté par Harko
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed