Faire flotter un texte autour d'une image [Résolu]

faureste 74Messages postés 1 octobre 2007Date d'inscription - Dernière réponse le 11 janv. 2009 à 16:25

Bonjour,
je suppose que c'est du CSS mais j'ai du mal à trouver le script. (meme sur google ) :)
je voudrais integrer une image dans un tableau et que le texte l'entoure pour donner un style type reportage journal
merci @ tous

Faire flotter un texte autour d'une image »

Suggestions

Faire flotter un texte autour d'une image
Inserer image a coté du texte dans word (Résolu) » Forum
XPress texte autour d'1 image? (Résolu) » Forum
[Quark] Comment habiller 1 image avec du text » Forum
Indesign - Habillage de texte » Forum
Les CSS pour présenter vos images » Fiches pratiques

Plus

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 15 oct. 2007 à 21:31

salut,

tu peux regarder cet exemple.
mais pour que le texte entoure entièrement l'image je ne pense pas que ce soit possible, du moins pas avec un seul paragraphe.

Ajouter un commentaire - Site web

Réponse

faureste 74Messages postés 1 octobre 2007Date d'inscription 17 oct. 2007 à 12:45

bonjour,

Solution: placer ce code dans la balise <head>

<style type="text/css">
.imageflottante
{
float:left;
}
</style>

puis dans body, placez votre image et ajoutez (class="imageflottante" alt="Image flottante" )

Exemple: <img src="votre-image.jpg" class="imageflottante" alt="Image flottante" />

par contre je voudrais un petite marge autour de la photo (pour que le texte ne touche pas l'image) et je n'ai pas encore trouvé ...

Ajouter un commentaire - Site web

Réponse

sov36 327Messages postés 5 avril 2007Date d'inscription 15 oct. 2007 à 21:19

salut,
faut utiliser l'attribut "float" mais je sais plus quelles valeurs il peut prendre.

Ajouter un commentaire - Site web

Réponse

faureste 74Messages postés 1 octobre 2007Date d'inscription 16 oct. 2007 à 21:07

bonjour ou bonsoir,
Solution trouvé, mais pas impeccable entre IE et firefox (pour changer). Le CSS devient vraiment incontournable et je vous dit pas le PHP :) pour un débutant comme moi c'est un bordel dans ma tete ;) mais le résultat sera a la hauteur de mon imagination grace a vous.

merci

Ajouter un commentaire - Site web

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 16 oct. 2007 à 21:09

salut,

as-tu résolu ton problème ?

Ajouter un commentaire - Site web

Réponse

-1

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 17 oct. 2007 à 12:54

salut,

il faut définir une marge à l'image {margin: haut droite bas gauche;}
par exemple :

margin:0 10px 10px 0;

Ajouter un commentaire - Site web

Réponse

-1

louloudenfer 10Messages postés 7 janvier 2009Date d'inscription 11 janv. 2009 à 16:25

w3schools.com

Ajouter un commentaire

Réponse

-2

faureste 74Messages postés 1 octobre 2007Date d'inscription 16 oct. 2007 à 21:09

Je reviendrai hanter le forum bientot ;)

Ajouter un commentaire - Site web

Dalida- 16 oct. 2007 à 21:10

tu vas venir nous aider, oui !!!
c'est à ton tour !
-;o)

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Faire flotter un texte autour d'une image [Résolu]

Faire flotter un texte autour d'une image »

Passage au tout numérique : quel coût pour les particuliers ?