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 : 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
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.