Mise en place

Les images qui vont nous servir pour ce cours :
- Coin haut gauche :
- Coin/Bord haut droit :
- Bord droit :
- Coin/Bord bas droit :
- Coin bas gauche :
- Bord gauche :

Étape 1

Les images sont positionnées en dures afin de bien visualiser la situation.
Les images de droites se voient attribuer un alignement à droite via css :
- text-align:right; sur les class .c2 et .c3
Les bordures rouges sont là afin de bien visualiser l'ensemble.
On défini une boite de 900px de large afin de cadrer le tout et de bien visualiser ce qu'il se passe. (#content*)

Étape 2

Positionnement des bordures haute et basse

Étape 3

Insertions des bordures droite et gauche.
Elles sont appliquées via CSS sur les cadres .content et .content2.
On repositionne les zone haute et basse.

Étape 4

On retire les images en dur du code html pour les passer via css

Étape 5

On retire les bordures de visualisation.

On nettoi le code HTML.