OVH Cloud OVH Cloud

positionnement img et texte

2 réponses
Avatar
roger21
bonjour,

j'ai un petit probleme de débutant pour le positionnement d'image et de
texte :

voila j'ai un div, dans ce div j'ai un p et dans ce p j'ai un img et du
texte et la sortie donne ca :

|-----|
| |
| img |
| |
|-----|texte texte texte texte texte
texte texte ...

ce qui semble normale mais moi j'aimerais bien avoir ca :

|-----|texte texte texte texte texte
| |texte texte ...
| img |
| |
|-----|

donc j'ai essayé float mais du coup l'image sort du cadre de mon div ce
qui semble normale aussi au vu des specs mais ca ne me va pas non plus

et donc comment je pourais m'y prendre pour que le texte s'affiche a
coté de l'image sans que l'image sorte du div ?

merci

2 réponses

Avatar
Pierre Goiffon
roger21 wrote:
moi j'aimerais bien avoir ca :

|-----|texte texte texte texte texte
| |texte texte ...
| img |
| |
|-----|

donc j'ai essayé float mais du coup l'image sort du cadre de mon div ce
qui semble normale aussi au vu des specs mais ca ne me va pas non plus

et donc comment je pourais m'y prendre pour que le texte s'affiche a
coté de l'image sans que l'image sorte du div ?



J'avais ouvert un fil sur le sujet il y a un moment :

<http://www.google.fr/groups?hl=fr&lr=&c2coff=1&threadmA907d65%240%246006%24636a15ce%40news.free.fr&rnum=1&prev=/groups%3Fq%3Dfloat%2Bgroup:fr.comp.infosystemes.www.auteurs%2Bauthor:goiffon%26hl%3Dfr%26lr%3D%26c2coff%3D1%26selm%3D41907d65%25240%25246006%2524636a15ce%2540news.free.fr%26rnum%3D1>

La solution se trouve du côté de clear, mais nécessite d'ajouter du
balisage pour la mise en forme.
De mon côté faire du transitionnal uniquement pour avoir l'attribut
align sur l'image me parait beaucoup plus satisfaisant.
A vous de voir !
Avatar
roger21
Pierre Goiffon a écrit :
roger21 wrote:

moi j'aimerais bien avoir ca :

|-----|texte texte texte texte texte
| |texte texte ...
| img |
| |
|-----|

donc j'ai essayé float mais du coup l'image sort du cadre de mon div
ce qui semble normale aussi au vu des specs mais ca ne me va pas non plus

et donc comment je pourais m'y prendre pour que le texte s'affiche a
coté de l'image sans que l'image sorte du div ?




J'avais ouvert un fil sur le sujet il y a un moment :

<http://www.google.fr/groups?hl=fr&lr=&c2coff=1&threadmA907d65%240%246006%24636a15ce%40news.free.fr&rnum=1&prev=/groups%3Fq%3Dfloat%2Bgroup:fr.comp.infosystemes.www.auteurs%2Bauthor:goiffon%26hl%3Dfr%26lr%3D%26c2coff%3D1%26selm%3D41907d65%25240%25246006%2524636a15ce%2540news.free.fr%26rnum%3D1>


La solution se trouve du côté de clear, mais nécessite d'ajouter du
balisage pour la mise en forme.
De mon côté faire du transitionnal uniquement pour avoir l'attribut
align sur l'image me parait beaucoup plus satisfaisant.
A vous de voir !



merci, j'ai choisit la methode de denisb qui consiste a mettre un float
dans le div englobant, je comprends pas pourquoi mais ca marche .. a peu
près en fait j'ai maintenant un comportement etrange que je ne parvient
pas a resoudre, je poste dans un nouveau thread.