Bonjour tout le monde !
J'ai un petit problème de compréhension concernant l'extension d'un kit extensible.
Voilà, sur la page html, j'ai le corps du de la page, qui comprends le haut du corps, le corps central sur lequel il y aura du texte et des images et enfin la partie basse du corps.
Comme ceci :
Donc moi tous ce qu'il y a d'écrit et des images se trouvent dans le
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <div id="corps"> <div class="corps-haut"> </div> <div class="corps-central"> </div> <div class="corps-bas"> </div> </div>Son code css est :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <div class="corps-central"> </div>Mais l'image du corps-central1.jpg ne s'étend pas automatiquement verticalement.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38 #corps { float: left; } .corps-haut { width: 958px; height: 30px; margin-left: 22px; margin-top: 0px; background-image: url("images/corps/corps-haut1.jpg"); background-repeat: no-repeat; margin-bottom: 0px; } .corps-central { width: 958px; /* ici je ne mets pas de height pour que l'image du corps-central1 se répète verticalement automatiquement avec le repeat-y */ margin-left: 22px; margin-top:0px; background-image: url("images/corps/corps-central1.jpg"); background-repeat: repeat-y; margin-bottom: 0px; } .corps-bas { width: 958px; height: 24px; margin-left: 22px; / padding-top: 0px; background-image: url("images/corps/corps-bas1.jpg"); background-repeat: no-repeat; margin-bottom: 0px; }
Je ne mets pas de height pour que l'image du corps-central1 se répète verticalement automatiquement avec le repeat-y, mais il ne se répète pas.
J'ai mis 4 boites contenant du texte et images dans le corps, mais on dirai qu'il s'affiche sur le corps mais pas dans le corps. C'est pour celà que je vois que le corps ne s'étend pas.
Je vous laisse regarder ce que çà donne sur mon site.
Ici pour voir sur mon site
Etes-vous êtes d'accord avec mon code html et CSS, pour qu'il soit dans le corps et non s'aficher sur le corps.
Pour voir mon fichier CSS : Ici le fichier CSS en entier
Pouvez vous me corriger et m'aider à corriger ce soucis.
Merci à vous.
Partager