probleme avec le corp de la page web
bonjour,
Je suis dans la création de mon site web et j'ai un probleme avec le corp de la page qui se retrési et qui reste tjr en dessous du menu.
Code:
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="en_tete">
<img src="images/banni.jpg"/>
</div>
<div id="menu">
<div class="element_menu">
<h3>Titre menu</h3>
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<h2>One piece </h2>
<h4>histoir</h4>
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="onepiece.html">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<h2>Naruto</h2>
<h4>Histoire</h4>
<ul>
<li><a href="liens.html">Lien</a></li>
<li><a href="naruto.html">Lien</a></li>
</ul>
</div>
<div id="corps">
<h1>Mon super site</h1>
<p>
Bienvenue sur mon super site !<br />
salut sa va !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)<br />
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
</p>
<h2>L'auteur</h2>
<p>
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br />
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>
<div id="pied_de_page">
<img src="images/mugiwara.png"/>
</div>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/wallpapers-002.jpg");
}
<title>Exemple de CSS dans le header</title>
#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banni.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float: left;
width: 120px;
}
.element_menu
{
background-color: #626262;
border: 2px solid black;
margin-bottom: 20px;
}
#corps
{
margin-left: 100px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
border: 2px solid black;
}
</style>
</body>
</html> |
povez vous m'expliquer comment placer le corp au milu de la page ou me dire si dans le codage il y a une erreurmerci et ne faite pa atention a se ki est ecrit.
voila a koi resemble le site c'est juste un essai.
http://img301.imageshack.us/img301/6494/dddug6.jpg
http://img215.imageshack.us/img215/5465/gggix0.jpg
