Float images et textes

Solar13 Messages postés 204 Date d'inscription   Statut Membre Dernière intervention   -  
 Utilisateur anonyme -
Bonjour à vous,

J'aimerai écrire un petit texte et le faire flotter à droite du texte, une image qui "arrêterait" le texte pour le contourner.

J'ai fait cela:

<div ="texte" style="position:relative; float:left;">Texte</div>  

<div ="image" style="position:relative; float:left;"><img src="lien"/></div>  

Mais quand je fais cela, mon image se met sous le texte et ne flotte pas à côté de ce dernier.

Ce n'est pas la bonne façon de faire ?

3 réponses

Utilisateur anonyme
 
Bonjour

- Tu ne respectes pas les règles de codage. si une balise ou un guillemet est ouvert il doit être refermé.

Aussi utilise plutôt une feuille de style et intègre des textes dans des boites sans couleur de background puis pense à mettre

display: block;


Cordialement
0
Solar13 Messages postés 204 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

Cela marche bien désormais.

Mais mon soucis, c'est qu'il faut que je fixe une taille pour mon texte, sinon il pousse mon image en dessous.

Mais du coup je ne sais plus trop comment faire, car mon but était que le texte soit à côté de l'image et qu'ensuite, arrivé au bout de cette dernière, le texte passe en dessous de l'image.

Là du coup, mon texte est toujours "droit" à côté de l'image.

Merci pour la réponse en tout cas.
0
Utilisateur anonyme
 
Hum essai word-wrap avec la valeur break-word ou white-space avec la valeur nowrap

0