probleme avec le corp de la page web

**luffy33** · 20/07/2006, 10h19

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.

**johnkro** · 20/07/2006, 13h36

Ecris en essayant de faire un peu moins de faute stp.

Je ne comprends pas vraiment ta requête...

**luffy33** · 20/07/2006, 15h51

bonjour,
excusé moi pour les faute.
mon probleme est le suivant :
Dans le site web que je crée j'ai un probleme avec le corp de la page web (je fait un site avec un disingn fixe).le corp de la page est endessou du menu et des sous menu et il est rétréci. Comment placer le corp de la page au milieu de la page web ?
Ou si c'est une faute de codage merci de me dire ce qui ne va pas dans le codage?

**masu** · 20/07/2006, 17h49

ton code ca sent un peu l'erreur de copier coller

bon dans ta balise style enleve le title
met ta balise style dans ton head
enleve le meta que tu as dans ton body
derniere chose tu ne ferme pas le div de ton 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
<head>
<title>Bienvenue sur mon site !</title>
<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");
}
 
#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>
</head>

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

probleme avec le corp de la page web

HTML

Vue hybride

Discussions similaires

Partager

Partager