Format en escaliers avec des divs

Bonjour à tous,

Je m'arrache les cheveux.
Je souhaiterais formater des blocs d'images et textes avec des <div>, mais je n'y arrive pas.
Le format que j'essaie de faire est un peu spécial, il doit s'adapter à la largeur de la page. D'où l'idée d'utiliser des <div> avec le style float.
Pas évident à décrire, alors j'ai fait un petit schéma (en pièce jointe).
Les blocs image et texte 2 se placent soit à côté des blocs image et textes 1, soit en dessous, selon la largeur de la page.
Les textes restent collés à leur image respective.

J'en suis pas très loin, mais ça cafouille encore un peu...
Est-ce qu'une bonne âme pourrait m'aider à faire ça ?

Merci d'avance !!!
--
Philippe

Bonjour,

Citation:

---

Envoyé par Obelix95

J'en suis pas très loin, mais ça cafouille encore un peu...

---

T'en es alors ?
As-tu essayé ? si oui, merci de poster tes codes (X)HTML/CSS.

Je ne crois pas que mon bout d'html soit une bonne base de départ ;),
mais bon...
Voilà un test épuré avec 2 images bidon.

Merci pour ton aide Macmillenium !
--
Philippe

Bon,
J'ai un peu avancé, c'est presque ça.
Mon bout de code est joint.

J'aurais juste aimé que le div de l'image2 (à droite) commence en haut de la page.
Pas très grave.

Si qq'un a une meilleure façon de faire, je suis preneur :)