Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
559 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Faire que le texte contourne l'image

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Faire que le texte contourne l'image

n°1953190
charlelech​auve
Posté le 26-12-2009 à 02:43:50  profilanswer
 

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

mood
Publicité
Posté le 26-12-2009 à 02:43:50  profilanswer
 

n°1953198
gatsu35
Blablaté par Harko
Posté le 26-12-2009 à 11:07:22  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Faire que le texte contourne l'image

 

Sujets relatifs
complèter l'éditeur de texte VisualWebDeveloperProbleme de recuperation dans un fichier texte
[Besoin d'aide] jQuery , cherche scroller imagediv afficher/masquer sur image interactive
Transformer une variable texte en datetime SQLProblème de redimensionnement image en javascript
image survolée qui s'affiche dans 2 div différenteshtml et object image dans le lecteur avant visualisation
Générateur de texte défilant5 images une en dessous de l'autre, texte en //
Plus de sujets relatifs à : Faire que le texte contourne l'image


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR