Faire flotter un texte autour d'une image

Résolu
faureste Messages postés 74 Date d'inscription   Statut Membre Dernière intervention   -  
 MelVn -
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   Statut Contributeur Dernière intervention   922
 
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   Statut Membre Dernière intervention   10
 
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
MelVn
 
Pour la marge, tu ajoute à ta balise style: "Margin: 15px;"
0
faureste Messages postés 74 Date d'inscription   Statut Membre Dernière intervention   10
 
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
 
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   Statut Contributeur Dernière intervention   922
 
salut,

as-tu résolu ton problème ?
1
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
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   Statut Membre Dernière intervention   1
 
w3schools.com
0
faureste Messages postés 74 Date d'inscription   Statut Membre Dernière intervention   10
 
Je reviendrai hanter le forum bientot ;)
-2
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
tu vas venir nous aider, oui !!!
c'est à ton tour !
-;o)
0