Se connecter avec
S'enregistrer | Connectez-vous

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

Dernière réponse : dans Programmation

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
Lassé par la pub ? Créez un compte
Expert Programmation

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 :

  1. <div id="impaire" style="width:500px;">
  2. <div style="margin-right:100px;float:left;">
  3. Paragraphe aligné à gauche
  4. </div>
  5. <img src="image.jpg" alt="image alignée à droite" style="float:left;width:100px;" />
  6. </div>


Et
  1. <div id="paire">
  2. <img src="image.jpg" alt="image alignée à droite" style="float:left;width:100px;" />
  3. <div style="float:left;">
  4. Paragraphe aligné à gauche
  5. </div>
  6. </div>


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:  Encore un fois Merci. :wahoo: 
Ana
Lassé par la pub ? Créez un compte
Tom's guide dans le monde