Dans une colonne de texte (largeur 375 px), je souhaite insérer des images
(largeur 350 px), et repousser tout le texte soit au-dessus, soit en-dessous
de l'image. Mais je n'arrive pas à empêcher un filet de texte de
"dégouliner" du côté de l'image. Est-ce que quelqu'un sait comment faire?
J'ai essayé:
<div><img3|left></div>
et :
<p><img3|left></p>
mais rien ne semble faire l'affaire !
merci, Paolo
Salut Paolo,
Il me semble que les alignements à gauche et à droite renvoient à un comportement de type « float ». Seul l'alignement au centre <img3|centre> évite la présence latérale de texte.
A+
Paolo a écrit :
Dans une colonne de texte (largeur 375 px), je souhaite insérer des images
(largeur 350 px), et repousser tout le texte soit au-dessus, soit en-dessous
de l'image. Mais je n'arrive pas à empêcher un filet de texte de
"dégouliner" du côté de l'image. Est-ce que quelqu'un sait comment faire?J'ai essayé:
<div><img3|left></div>
et :
<p><img3|left></p>mais rien ne semble faire l'affaire !
merci, Paolo
Le samedi 12 Juin 2004 17:33, Olivier <M. Go> a écrit :
Il me semble que les alignements à gauche et à droite renvoient à
un comportement de type « float ». Seul l'alignement au centre
<img3|centre> évite la présence latérale de texte.
{snip}
> <div><img3|left></div>
>
> et :
> <p><img3|left></p>
C'est l'un des rares cas où:
<p align="left"><img3></p>
est vraiment ce qu'il y a de plus efficace.
--
JCR
aka DJ Anubis
LAB Project Initiator & coordinator
DJ Anubis wrote:
C'est l'un des rares cas où:
<p align="left"><img3></p>
est vraiment ce qu'il y a de plus efficace.
- - - - -
Ça marche - bien que la code qui en résulte :
<p class="spip"><p align="left"><img src='IMG/jpg/sp_egl35024.jpg' border=0
width='350' height='257' align='middle'></p>
manque un </p> fermant.
Merci beaucoup! - mais étrange que ce n'est pas possible sans avoir à taper
de l'HTML...
La raison de vouloir faire cela est la suivante : je veux conserver
l'alignement à gauche pour avoir une marge toute droite. Mais quand le texte
est en drapeau (non pas justifié), si on donne à l'image toute la largeur de
la colonne elle fait trop large par rapport au texte. Donc on doit enlever
20-25 pixels. Et puis le texte qui dégouline...
Encore merci!
Paolo
Il faut insérer clear (left, right ou both) dans les balises div, en fonction du côté que l'on souhaite libre. Par exemple clear:both; force le passage à la ligne.
@+
Le 12 juin 04, à 17:43, DJ Anubis a écrit :
Le samedi 12 Juin 2004 17:33, Olivier <M. Go> a écrit :
Il me semble que les alignements à gauche et à droite renvoient à
un comportement de type « float ». Seul l'alignement au centre
<img3|centre> évite la présence latérale de texte.{snip}
<div><img3|left></div>
et :
<p><img3|left></p>C'est l'un des rares cas où:
<p align="left"><img3></p>
est vraiment ce qu'il y a de plus efficace.
--
JCR
aka DJ Anubis
LAB Project Initiator & coordinator
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
Yorghos Remvikos
4bis, chemin du Val des Vignes
95450 AVERNES
tél : 01 30 39 23 88
por : 06 07 60 01 01
yorghos.remvikos wrote:
Il faut insérer clear (left, right ou both) dans les balises div, en
fonction du côté que l'on souhaite libre. Par exemple clear:both; force
le passage à la ligne.
- - - -
Oui,
<div style="clear: both"><img3></div>
marche bien aussi.
merci, Paolo