Faire flotter un texte autour d'une image

Résolu/Fermé
faureste Messages postés 74 Date d'inscription lundi 1 octobre 2007 Statut Membre Dernière intervention 12 octobre 2013 - 15 oct. 2007 à 21:17
 MelVn - 27 oct. 2013 à 16:47
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
A voir également:

8 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
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.
10
faureste Messages postés 74 Date d'inscription lundi 1 octobre 2007 Statut Membre Dernière intervention 12 octobre 2013 10
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é ...
4
Pour la marge, tu ajoute à ta balise style: "Margin: 15px;"
0
faureste Messages postés 74 Date d'inscription lundi 1 octobre 2007 Statut Membre Dernière intervention 12 octobre 2013 10
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
3
Utilisateur anonyme
15 oct. 2007 à 21:19
salut,
faut utiliser l'attribut "float" mais je sais plus quelles valeurs il peut prendre.
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
16 oct. 2007 à 21:09
salut,

as-tu résolu ton problème ?
1
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
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;
1
louloudenfer Messages postés 35 Date d'inscription mercredi 7 janvier 2009 Statut Membre Dernière intervention 19 janvier 2009 1
11 janv. 2009 à 16:25
w3schools.com
0
faureste Messages postés 74 Date d'inscription lundi 1 octobre 2007 Statut Membre Dernière intervention 12 octobre 2013 10
16 oct. 2007 à 21:09
Je reviendrai hanter le forum bientot ;)
-2
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
16 oct. 2007 à 21:10
tu vas venir nous aider, oui !!!
c'est à ton tour !
-;o)
0