Float images et textes
Solar13
Messages postés
214
Statut
Membre
-
Utilisateur anonyme -
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:
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 ?
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
-
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 -
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. -
Hum essai word-wrap avec la valeur break-word ou white-space avec la valeur nowrap
