Float images et textes

Fermé
Solar13 Messages postés 204 Date d'inscription lundi 23 mai 2011 Statut Membre Dernière intervention 14 mai 2014 - Modifié par Solar13 le 27/01/2012 à 10:30
 Utilisateur anonyme - 28 janv. 2012 à 12:25
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
27 janv. 2012 à 16:26
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 lundi 23 mai 2011 Statut Membre Dernière intervention 14 mai 2014
Modifié par Solar13 le 28/01/2012 à 09:21
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
28 janv. 2012 à 12:25
Hum essai word-wrap avec la valeur break-word ou white-space avec la valeur nowrap

0