comment faire pour cadrer et centrer?

[sophiealpes]

bonjour à tous,
voilà, j'aimerai reproduire cet effet vue sur le site www.la-bouisse.com
c'est à dire: deux cadres centrés
je ne sais pas faire !

merci d'avance

sophie

[Neroptik]

Deux DIV imbriquées les unes dans les autres avec les bon parametres CSS derrière :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.cadre1 {
margin-right:auto;
margin-left:auto;
margin-top:50px;
width:500px;
height:100px;
border:double #000000;
}
.cadre2 {
margin-top:20px;
width:460px;
height:60px;
border:double #000000;
margin-left:auto;
margin-right:auto;
}

et les DIV comme ceci :

Code :

1
2
3
4
<div class="cadre1">
  <div class="cadre2"></div>
</div>

Voila pour le coup de main

[Neroptik]

Voir même un truc comme ca :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
body {
background-color:#F4ECF1;
}
.cadre1 {
margin-right:auto;
margin-left:auto;
margin-top:50px;
width:640px;
height:500px;
border:solid #FFFFFF;
background-color:#E8D8E9;
}
.cadre2 {
margin-top:90px;
width:460px;
height:320px;
border:solid #FFFFFF;
margin-left:auto;
margin-right:auto;
background-color:#BC81A3;
}

[sophiealpes]

merci bien
mais comment ajouter ces codes?
je vais dans "code" puis je colle mais marche pas, merci de me d'écrire la procédure

sophie

[blueice]

C'est du code CSS et ca va dans une feuille de style (exemple.css) qu'il faudra ensuite lier à la page HTML.