Rechercher : dans
Par :

Faire flotter un texte autour d'une image

Dernière réponse le 11 jan 2009 à 16:25:39 faureste, le 15 oct 2007 à 21:17:32 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « Faire flotter un texte autour d'une image » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Inverser le texte dans Word (effet miroir) VoirS'il est possible d'effectuer une rotation du texte avec Word (icône zone de texte, puis format / orientation du texte), celui-ci ne permet en revanche pas de faire des opérations de symétrie. La solution consiste donc à insérer une image contenant...
[Gimp][Retouche photo] Supprimer des éléments d'une image VoirL'outil de clonage est utile pour supprimer des éléments d'une photo. Par exemple pour éliminer quelqu'un d'une photo, supprimer un avion dans le ciel ou les défauts d'une photo. Cet outil est présent dans Photoshop mais également dans de nombreux...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
LaTeX - Insertion d'images VoirStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...

1

sov36, le 15 oct 2007 à 21:19:14

Salut,
faut utiliser l'attribut "float" mais je sais plus quelles valeurs il peut prendre.
sov36 is not sov36

SPAM SPAM TROLL TROLL POINT GODWIN BANZAI !

Répondre à sov36

2

Dalida, le 15 oct 2007 à 21:31:37

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.
[ Mathieu ]

"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

Répondre à Dalida

3

faureste, le 16 oct 2007 à 21:07:42

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

Répondre à faureste

4

faureste, le 16 oct 2007 à 21:09:37

Je reviendrai hanter le forum bientot ;)

Répondre à faureste

6

Dalida, le 16 oct 2007 à 21:10:32

Tu vas venir nous aider, oui !!!
c'est à ton tour !
-;o)
[ Mathieu ]

"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

Répondre à Dalida

5

Dalida, le 16 oct 2007 à 21:09:50

Salut,

as-tu résolu ton problème ?
[ Mathieu ]

"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

Répondre à Dalida

7

faureste, le 17 oct 2007 à 12:45: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é ...

Répondre à faureste

8

Dalida, le 17 oct 2007 à 12:54:52

Salut,

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

margin:0 10px 10px 0;
[ Mathieu ]
"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

Répondre à Dalida

9

 louloudenfer, le 11 jan 2009 à 16:25:39
  • +1

W3schools.com

Répondre à louloudenfer
Collection CommentÇaMarche.net