mettre du texte autour d une image.en php

blackwolfi
Invité n'ayant pas de compte PHPfrance

12 nov. 2007, 21:38

bonjour

voila dans une page, j ai une image a gauche et j aimerai mettre du texte sur le coté droit de l image et en dessous comme sur la photo qui suit..comment je dois faire s il vous plaît ? merci

Image

Eléphant du PHP | 445 Messages

12 nov. 2007, 21:47

Quel est le code HTML/CSS de l'image, du texte et du conteneur des 2.

Je pencherais pour un float:left sur l'image mais sans voir le code HTML/CSS c'est dur.

Modérateur PHPfrance
Modérateur PHPfrance | 7636 Messages

12 nov. 2007, 21:49

Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".

/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute

ViPHP
ViPHP | 2287 Messages

12 nov. 2007, 21:51

Bonsoir,

Cela n'a rien à voir avec php, mais avec CSS (plus précisément la propriété float). Applique le code suivant à ton image :

Code : Tout sélectionner

<div>Lorem ipsum dolor sit amet <img src="/ton/image/quelquepart" width="200" height="200" style="float:left;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce sapien lectus, varius eget, mollis ut, tristique id, turpis. Aliquam erat volutpat. Etiam accumsan. Maecenas malesuada. Sed dictum enim consequat metus. Sed eleifend consequat massa. Suspendisse potenti. Phasellus vehicula feugiat orci. Donec ultrices risus eget turpis. Praesent lacinia dictum urna. Vestibulum faucibus risus in nisi. Duis ligula lectus, pellentesque quis, egestas vitae, interdum volutpat, urna. Cras lectus pede, facilisis ut, fermentum sit amet, tincidunt eu, lectus. In ac neque et lorem consequat accumsan. Fusce pharetra, lectus ut gravida molestie, enim lectus tristique lectus, sollicitudin elementum ligula ligula lobortis tortor. Morbi velit. </div>
if(!@work()){ Nespresso(); } else { what(); }
______________________________

blackwolfi
Invité n'ayant pas de compte PHPfrance

13 nov. 2007, 11:45

mille merci....désolé pour l erreur de mon message comme je debute dans tout cas je croyais qu il fallait faire cela en PHP..

en tout cas merci a tous :)

Eléphanteau du PHP | 12 Messages

13 nov. 2007, 12:23

En partant de la base que j ai utilisé la solution de calimero :) si je desire mettre une petite marge pour pas que le texte soit trop collé a la droite de l image comment dois je faire s il vous plait.

merci

ViPHP
ViPHP | 2287 Messages

13 nov. 2007, 12:32

En partant de la base que j ai utilisé la solution de calimero :) si je desire mettre une petite marge pour pas que le texte soit trop collé a la droite de l image comment dois je faire s il vous plait.

merci
Il suffit presque de le dire : on ajoute en CSS une marge à droite de l'image. Et ça donne :

Code : Tout sélectionner

<img src="/ton/image/quelquepart" width="200" height="200" style="float:left;margin-right:8px;">
Tu peux aussi encapsuler le tout dans une classe et le ranger proprement dans une feuille CSS indépendante.

Code : Tout sélectionner

<img src="/ton/image/quelquepart" width="200" height="200" class="vignette">

Code : Tout sélectionner

img.vignette{float:left;margin-right:8px;}
if(!@work()){ Nespresso(); } else { what(); }
______________________________

Eléphanteau du PHP | 12 Messages

13 nov. 2007, 14:20

merci beaucoup :)

Modérateur PHPfrance
Modérateur PHPfrance | 7636 Messages

14 nov. 2007, 01:27

Modération :
Puisque ta question est résolue, j'ajoute le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.

Tu peux réaliser cette opération toi-même
en cliquant sur le bouton Image qui s'affiche en haut à gauche de ce sujet
si tu as posté le 1er message en tant que membre (inscrit et identifié).

/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute

Eléphanteau du PHP | 12 Messages

14 nov. 2007, 17:45

ok merci :wink: