Page 1 sur 1
mettre du texte autour d une image.en php
Posté : 12 nov. 2007, 21:38
par blackwolfi
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
Posté : 12 nov. 2007, 21:47
par h0_noMan
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.
Posté : 12 nov. 2007, 21:49
par Truc
Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".
Re: mettre du texte autour d une image.en php
Posté : 12 nov. 2007, 21:51
par Calimero
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>
Posté : 13 nov. 2007, 11:45
par blackwolfi
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
Posté : 13 nov. 2007, 12:23
par blackwolfi
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
Posté : 13 nov. 2007, 12:32
par Calimero
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">
Posté : 13 nov. 2007, 14:20
par blackwolfi
merci beaucoup
Posté : 14 nov. 2007, 01:27
par Truc
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 
qui s'affiche en haut à gauche de ce sujet
si tu as posté le 1er message en tant que membre (inscrit et identifié).
Posté : 14 nov. 2007, 17:45
par blackwolfi
ok merci
