HMTL, forcer plusieurs passages à la ligne

HMTL, forcer plusieurs passages à la ligne - HTML/CSS - Programmation

Marsh Posté le 03-05-2009 à 19:16:19    

Bonjour,
 
Depuis peu je teste en local l'utilisation d'un blog wordpress
 
Dans la création d'un article, j'ai fais en sorte d'avoir une image en haut a gauche de mon article, et une petite ligne de texte qui s'affiche à sa droite.
 
Je voudrai ensuite continuer à afficher du texte, mais en dessous de l'image.  
SI j'écris simplement mon texte, celui ci continue à droite de l'image, avant de passer en dessous.
J'ai testé en mode HTML de rajouter plusieurs balises <br> à la suite, en espérant que ça me ferai passer autant de lignes que voulues, pour que mon texte arrive en dessous de l'image, mais ça ne fonctionne pas, on dirait qu'il n'en prend qu'un.
 
Savez vous comment faire pour que ça fonctionne ?
 
Merci

Reply

Marsh Posté le 03-05-2009 à 19:16:19   

Reply

Marsh Posté le 03-05-2009 à 22:51:57    

Essayer avec <p> au lieu de <br>.

Reply

Marsh Posté le 04-05-2009 à 08:40:47    

Nan il faut simplement utiliser la propriété CSS clear.
 
Si l'image est en float left, suffit de mettre un clear left pour que ça passe en dessous, genre :

Code :
  1. <div class="article">
  2.   <img class="image1" src="pouet.jpg" alt="" />
  3.   <p class="petit_texte">Petit texte à droite de l'image</p>
  4.   <div class="contenu">
  5.     Contenu texte qui se met en dessous de l'image
  6.   </div>
  7. </div>


Et le CSS

Code :
  1. .article .image1 {
  2.  float: left;
  3. }
  4. .article .contenu {
  5.  clear: left;
  6. }

Reply

Sujets relatifs:

Leave a Replay

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