Se connecter / S'enregistrer
Votre question

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

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
13 Septembre 2007 22: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

a c 232 L Programmation
14 Septembre 2007 19: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 :

  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>


15 Septembre 2007 14: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:  Encore un fois Merci. :wahoo: 
Ana
a c 232 L Programmation
15 Septembre 2007 15:39:25

Pas de problème. Si tu as besoin de plus d'aide, n'hésites pas.
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS