Probleme pour afficher un texte a côté d'une image dans un div

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Probleme pour afficher un texte a côté d'une image dans un div

par bravegars » 16 juil. 2008, 20:29

Merci beaucoup ça marche.
J'avais placé le float dans le div et pas dans l'image. :)

par AB » 16 juil. 2008, 18:21

Intéresses-toi à la propriété float

Code : Tout sélectionner

<img style="float:left" alt="bébé" src="../images/bébé.jpg" height="100" width="200" />
Si l'image venait à déborder sur les lignes suivantes car pas assez de texte pour couvrir la hauteur de l'image il faudrait formater les div des paragraphes avec style="clear:both"

Probleme pour afficher un texte a côté d'une image dans un d

par bravegars » 16 juil. 2008, 17:47

Bonjour,

J'ai un bloc dans lequel je souhaite afficher une image en haut à gauche,
suivi d'un article qui vient compléter le bloc.

Comment faire pour que le texte vienne s'afficher à côté de l'image,
c'est à dire contre celle-ci en haut et à gauche ?

Pour que l'article soit bien présenté.
Le problème c'est que le texte viens se mettre bien à gauche de l'image,
mais sur une seule ligne en bas de celle-ci.

Je précise que les textes s'affichent dynamiquement,
d'où mon souci. Si ça n'est pas possible de procéder comme ça,
existe-t-il une solution ?
______________________________________________
| .................................. | Voila ce que je voudrais
| .................................. | obtenir afin que mes
| ............ image ............| articles s'affichent
| ...................................| automatiquement. Ils
|__________________| doivent s'afficher d'abord
| a côté de l'image en haut à gauche puis continuer
| de s'afficher sous l'image en prenant toute la largeur
| du bloc div.
|_____________________________________________|

Et voilà ce que j'obtiens :
______________________________________________
| .................................. |
| .................................. |
| ............ image ............|
| ...................................|
|__________________| Voilà comment cela s'affiche
| en bas a gauche a côté de l'image .
|
|
|_____________________________________________|

Le code est ultra simple.

Code : Tout sélectionner

<div id="BLOC DE L'ARTICLE"> <img alt="bébé" src="../images/bébé.jpg" height="100" width="200" /> <?php echo $article;?> </div>
Merci je vois pas trop comment procéder.