[RESOLU] Image à droite, texte à gauche, puis inversement

Dernière réponse : 15 Septembre 2007 13:39 dans Programmation

ana-61

13 Septembre 2007 20:19:40

Bonjour,
Je débute en xhtml et css.
Je voudrais faire un présentation du style :

paragraphe 1..............image 1
image 2..............paragraphe 2

et ainsi de suite...

C'est à dire : le paragraphe 1 aligné à gauche et l'image à droite
puis l'inverse...

Quelqu'un pourrait-il m'aider ou m'indiquer ou trouver la solution ?

D'avance Merci

Ana

Autres pages sur : resolu image droite texte gauche inversement

| Etre averti des réponses
| Alerter

Répondre à ana-61

Lassé par la pub ? Créez un compte

OmaR

Expert Programmation

14 Septembre 2007 17:04:13

Salut,

Alors, le truc que tu pourrais faire, c'est de faire d'un côté un type de div ou tu as un paragraphe puis une image; et un deuxième type de div ou tu as une image et un paragraphe.

Alors, ça pourrait être par exemple :

<div id="impaire" style="width:500px;">

<div style="margin-right:100px;float:left;">

Paragraphe aligné à gauche

</div>

<img src="image.jpg" alt="image alignée à droite" style="float:left;width:100px;" />

</div>

<div id="paire">

<img src="image.jpg" alt="image alignée à droite" style="float:left;width:100px;" />

<div style="float:left;">

Paragraphe aligné à gauche

</div>

</div>

| Alerter

Répondre à OmaR

ana-61

15 Septembre 2007 12:20:00

Bonjour,
Merci beaucoup. Cela m'a bien aidée. J'ai mis un peu (pour ne pas dire beaucoups) de temps à comprendre le fonctionnement, mais j'y suis arrivée.
J'ai même réussi à sortir la mise en forme pour la mettre dans mon css.
:wahoo: