[css][php]affichage incoherent avec php

**lilia_dream** · 31/03/2009, 12h20

Bonjour au forum

j'ai cree un script index en php pour faire appeler toutes mes page et faire defiler le contenu selon les sous menu de mes menu mais je ne sais pas pourquoi j'ai une page totalement vide

voici un ficher .rar qui contien mon dossier + la photo + le fichier originale nommer (---.html)

Merci par avance

**Macmillenium** · 31/03/2009, 13h26

Bonjour,

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if (in_array($_GET['page'], $pages_possibles)) $page = $_GET['page'];
else $page = "home.htm";

Mais je ne vois pas de page home.htm dans ton dossier

**lilia_dream** · 31/03/2009, 13h42

Bonjour

Citation

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
Mais je ne vois pas de page home.htm dans ton dossier

c'est juste pour tester mais le vrai probleme c'est j'ai la partie de menu est vide aussi l'entete et le pied de page ou footer :aie::aie:

il y a dans le dossier que j'ai joint une page nommer (---.html) c'est la page originale avant que j'utilise le php . stp visualisez La différence entre les deux pages index.php et ---.html

j'arrive pas a comprendre ou le probleme?:aie:

**GihefBey** · 31/03/2009, 20h31

Bonjour,

Si j'enlève les points de suspensions "autre_page.htm", ...); dans l'introduction en PHP, chez moi (MAMP) ça fonctionne.

Note que tu insères tes différentes pages dans des blocs ayant les mêmes identifiants et qu'un lien est dans un <ul>

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="menu">
    <!-- #menu -->
    <div id="menu"> 
 
...
 
          <ul class="niveauB">
           <a href="index.php?page=best.htm">Etudiant</a>
            <li><a href="#">Enseignant</a></li>
 
...
 
<div id="footer">ï»¿
 <!-- #bloc de pied de page -->
  <div id="footer">

-

**lilia_dream** · 31/03/2009, 21h52

Bonsoir GihefBey

merci d'avoir prit le temps pour me répondre

Citation

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
Note que tu insères tes différentes pages dans des blocs ayant les mêmes identifiants et qu'un lien est dans un <ul>

comment je vais résoudre ses identifiant

Merci par avance

**GihefBey** · 31/03/2009, 22h39

Retire-les de la page d'accueil

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<body>
	<div id="entete"><?php include("entete.htm"); ?></div>
	<div id="body"><?php include($page); ?></div>
	<?php include("menu.htm"); ?>
	<?php include("footer.htm"); ?>
</body>

ou de chaque page incluse.

-

**lilia_dream** · 31/03/2009, 23h12

Bonsoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<body>
	<div id="entete"><?php include("entete.htm"); ?></div>
	<div id="body"><?php include($page); ?></div>
	<?php include("menu.htm"); ?>
	<?php include("footer.htm"); ?>
</body>

j'ai insérée ces lignes dans le script index.php j'ai trouvee une page blanche quoi

**GihefBey** · 01/04/2009, 00h02

Tu testes ça comment ?
Tu ouvres la page .php directement dans le navigateur sur ton ordi. ou à partir d'un serveur avec PHP activé ?

J'ai oublié l'en-tête

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<body>
	<?php include("entete.htm"); ?>
	<div id="body"><?php include($page); ?></div>
	<?php include("menu.htm"); ?>
	<?php include("footer.htm"); ?>
</body>

-

**lilia_dream** · 01/04/2009, 00h05

Bonsoir

j'ouvres la page index.php directement dans le navigateur sur mon ordi

Invité · 01/04/2009, 02h11

POURQUOI AVOIR MIS LA MEME QUESTION ICI ???
http://www.developpez.net/forums/d71...obleme-frames/

**lilia_dream** · 01/04/2009, 02h16

Bonsoir

j'ai modifiée le script mais le même probleme

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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
 
/* <-------------------- GENERAL --------------------> */
body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Bitstream Vera Sans, Lucida Grande, sans-serif;
  font-size: .8em;
  line-height: 1.25;
  color: black;
  background: #7FCF2E;
}
html {width: 100%;}
#global {
  width: 1000px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  background: white url(../img/global.png) repeat-y;
  overflow : hidden;
}
/* <---------------- div PRINCIPALES ---------------> */
/* <-- entete --> */
#entete {
  height: 100px;
  color: #FFF;
  background: #7FCF2E url(../img/header.png) no-repeat;
  position: relative;
}
/* <-- menu --> */
#menu {
  float: left;
  margin-right : 800px;
  width: 200px;
  height: 500px;
  background: #aaf url(../img/menuGP.png) no-repeat;
}
/* <-- contenu --> */
#contenu {
  clear:both;
  position: relative;
  width: 800px;
  height: 500px;
  margin-left: 200px;
  background:navy url(../img/accueil/bckground.png);
}
/* <-- footer --> */
#footer {
  height: 50px;
  width: 100%;
  background: #7FCF2E url(../img/footer.png) repeat-x;
  color: #FFF;
}
/* <---------------- div SECONDAIRES---------------> */
/* <-- DANS div CONTENU --> */
#contenu > :first-child {margin-top: 10px;}
 
#contenu .produit {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 200px;
  height: 166px;
  background: #faf url(../img/accueil/produit.png);
  }
 
#contenu .recette {
  position: absolute;
  top: 220px;
  left: 20px;
  width: 200px;
  height: 164px;
  background: #faf url(../img/accueil/recette.png);
  }
 
#contenu .visiter {
  position: absolute;
  top: 400px;
  left: 300px;
  width: 218px;
  height: 164px;
  background: #faf url(../img/accueil/visiter.png);
  }
 
#contenu .acheter {
  position: absolute;
  top: 375px;
  left: 600px;
  width: 218px;
  height: 164px;
  background: #faf url(../img/accueil/acheter.png);
  }
/* <-- DANS div ENTETE --> */
#entete h1 {
  margin: 0;
  position: absolute;
  top: 5px;
  left: 350px;
  font: italic bold 1.2em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  }
 
#entete h2 {
  position: absolute;
  top: 25px;
  left: 650px;
  font: italic bold 1.2em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  }
 
/* <-- DANS div MENU --> */
 
#menu ul {
  position: relative;
  left: 25px;
  top: 75px;
  padding: 0;
  margin: 0;
  border: 0;
  }
#menu li a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  }
#menu ul li {
  position: absolute;
  list-style: none;
  }
#menu ul a {display: block;}
#menu ul.niveauA2 a {color: #026237;}
#menu ul.niveauA2 a:hover {color: #2EC739;}
#menu ul.niveauA2 ul a {color: #FFFFFF;}
#menu ul.niveauA2 ul a:hover {color: #026237;}
#menu ul ul {
  position: absolute;
  top: 0;
  background-color: #B4E14D;
  border: 2px outset #DDF4EC;
  display: none; 
  }
#menu ul ul a:hover,#menu ul ul a:active,#menu ul ul a:focus{
  background-color: #2EC739;
  color: #026237;
  border: 1px inset;
  padding: 0 3px;
  }
#menu ul ul li {
  position: relative;
  border: 1px solid #B4E14D; /* Pour empÃªcher le dÃ©calage */
  }
#menu ul ul li.sousNiveau {background-color: #9BCF23;}
#menu ul ul li a {
  color: #FFFFFF;
  font-weight: normal;
  }
#menu ul ul ul {
  position: absolute;
  display: none;
  }
#menu ul li.sousNiveau:hover ul.niveauB, #menu ul.niveauB li.sousNiveau:hover ul.niveauC {display: block;}
#menu ul ul.niveauB li.sousNiveau a {font-weight: normal;}
#menu ul ul.niveauB ul.niveauC li a {font-weight: normal;}
#menu_accueil a:hover, #menu_campagne a:hover, #menu_agriculture a:hover, #menu_chambre a:hover {color: #2EC739;}
#menu_affiche a:hover, #menu_presse a:hover, #menu_emploi a:hover, #menu_photo a:hover, #menu_contact a:hover {color: #026237;}
#menu_accueil {
  width: 100px;
  position : absolute;
  top: 27px;
  left: 30px;
  }
#menu_accueil ul {
  width: 0;
  left: 181px;
  }
#menu_affiche {
  width: 207px;
  position : absolute;
  top: 69px;
  left: 5px;
  }
#menu_affiche ul {
  width: 120px;
  left: 205px;
  z-index: 2;
  }
#menu_campagne {
  width: 211px;
  position : absolute;
  top: 115px;
  left: 3px;
  }
#menu_campagne ul {
  width: 180px;
  left: 208px;
  z-index: 2;
  }
#menu_campagne ul ul {
  width: 220px;
  left: 177px;
  }
#menu_presse {
  width: 210px;
  position : absolute;
  top: 160px;
  left: 2px;
  }
#menu_presse ul {
  width: 190px;
  left: 209px;
  z-index: 2;
  }
#menu_emploi {
  width: 202px;
  position : absolute;
  top: 302px;
  left: 12px;
  }
#menu_emploi ul {
  width: 160px;
  left: 199px;
  z-index: 2;
  }
#menu_photo {
  width: 184px;
  position: absolute;
  top: 205px;
  left: 2px;
  }
#menu_photo ul {
  width: 0;
top: 440px;
  left: 208px;
  }
#menu_contact {
  width: 230px;
  position : absolute;
  top: 240px;
  left: 3px;
  }
#menu_contact ul {
  width: 200px;
  left: 207px;
  z-index: 2;
  }  
.idDiv {
  border: 1px solid #026237;
  position: relative;
  top: 110px;
  left: 20px;
  width: 200px;
  height: 40px;
  text-align: center;
  font-size: .8em;
  color: #026237;
  }
.searchDiv {
  position: absolute;
  top: 105px;
  right: 5px;
  font-size: .9em;
  z-index: 1;
  }
#searchBox {
  border: 1px solid #026237;
  background-color: #2EC739;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
  }
#idBox {
  border: 1px solid #026237;
  background-color: #2EC739;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
  }
 
#idButton {
  border: 1px solid #026237;
  background-color: #026237;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
  font-weight: bold;
  }
 
#searchButton {
  border: 1px solid #026237;
  background-color: #026237;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
  font-weight: bold;
  }

Invité · 01/04/2009, 03h25

style.css

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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
/* <-------------------- GENERAL --------------------> */
body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Bitstream Vera Sans, Lucida Grande, sans-serif;
  font-size: .8em;
  line-height: 1.25;
  color: black;
  background: #7FCF2E;
}
html {width: 100%;}
#global {
  overflow : auto;
  width: 1000px;
  padding: 0;
  margin:0;
  background: white url(../img/global.png) repeat-y;
}
/* <---------------- div PRINCIPALES ---------------> */
/* <-- entete --> */
#entete {
  position:relative;
  height: 100px;
  color: #FFF;
  background: #7FCF2E url(../img/header.png) no-repeat;
  position: relative;
}
/* <-- menu --> */
#menu {
  position:relative;
  float: left;
  width: 200px;
  height: 500px;
  background: #aaf url(../img/menuGP.png) no-repeat;
}
/* <-- contenu --> */
#contenu {
  position:relative;
  float: left;
  width: 800px;
  height: 500px;
  background:navy url(../img/accueil/bckground.png);
}
/* <-- footer --> */
#footer {
  position:relative;
  clear:both;
  text-align:center;
  height: 50px;
  width: 100%;
  background: #7FCF2E url(../img/footer.png) repeat-x;
  color: #FFF;
}
/* <---------------- div SECONDAIRES---------------> */
/* <-- DANS div CONTENU --> */
#contenu > :first-child {margin-top: 10px;}
#contenu .produit {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 200px;
  height: 166px;
  background: #faf url(../img/accueil/produit.png);
}
#contenu .recette {
  position: absolute;
  top: 220px;
  left: 20px;
  width: 200px;
  height: 164px;
  background: #faf url(../img/accueil/recette.png);
}
#contenu .visiter {
  position: absolute;
  top: 400px;
  left: 300px;
  width: 218px;
  height: 164px;
  background: #faf url(../img/accueil/visiter.png);
}
#contenu .acheter {
  position: absolute;
  top: 375px;
  left: 600px;
  width: 218px;
  height: 164px;
  background: #faf url(../img/accueil/acheter.png);
}
 
/* <-- DANS div ENTETE --> */
#entete h1 {
  margin: 0;
  position: absolute;
  top: 5px;
  left: 350px;
  font: italic bold 1.2em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
}
#entete h2 {
  position: absolute;
  top: 25px;
  left: 650px;
  font: italic bold 1.2em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
}
 
/* <-- DANS div MENU --> */
#menu ul {
  position: relative;
  left: 10px;
  top: 25px;
  padding: 0;
  margin: 0;
  border: 0;
}
#menu li a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
#menu ul li {
  position: absolute;
  list-style: none;
}
#menu ul a {display: block;}
#menu ul.niveauA2 a {color: #026237;}
#menu ul.niveauA2 a:hover {color: #2EC739;}
#menu ul.niveauA2 ul a {color: #FFFFFF;}
#menu ul.niveauA2 ul a:hover {color: #026237;}
#menu ul ul {
  position: absolute;
  top: 0;
  background-color: #B4E14D;
  border: 2px outset #DDF4EC;
  display: none; 
}
#menu ul ul a:hover,#menu ul ul a:active,#menu ul ul a:focus{
  background-color: #2EC739;
  color: #026237;
  border: 1px inset;
  padding: 0 3px;
}
#menu ul ul li {
  position: relative;
  border: 1px solid #B4E14D; /* Pour empÃªcher le dÃ©calage */
}
#menu ul ul li.sousNiveau {background-color: #9BCF23;}
#menu ul ul li a {
  color: #FFFFFF;
  font-weight: normal;
}
#menu ul ul ul {
  position: absolute;
  display: none;
}
#menu ul li.sousNiveau:hover ul.niveauB, #menu ul.niveauB li.sousNiveau:hover ul.niveauC {display: block;}
#menu ul ul.niveauB li.sousNiveau a {font-weight: normal;}
#menu ul ul.niveauB ul.niveauC li a {font-weight: normal;}
#menu_accueil a:hover, #menu_campagne a:hover, #menu_agriculture a:hover, #menu_chambre a:hover {color: #2EC739;}
#menu_affiche a:hover, #menu_presse a:hover, #menu_emploi a:hover, #menu_photo a:hover, #menu_contact a:hover {color: #026237;}
/* <-- menu --> */
#menu_accueil {
  position : relative;
  width: 185px;
  left: 5px;
  top: 40px;
}
#menu_accueil ul {
  width: 0px;
  left: 185px;
}
#menu_affiche {
  position : relative;
  width: 185px;
  left: 5px;
  top: 80px;
}
#menu_affiche ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
#menu_campagne {
  position : relative;
  width: 185px;
  left: 5px;
  top: 120px;
}
#menu_campagne ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
#menu_campagne ul ul {
  width: 150px;
  left: 145px;
}
#menu_presse {
  position : relative;
  width: 185px;
  top: 160px;
  left: 5px;
}
#menu_presse ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
#menu_photo {
  position: absolute;
  width: 185px;
  top: 200px;
  left: 5px;
}
#menu_photo ul {
  width: 0;
  top: 440px;
  left: 185px;
}
#menu_contact {
  position : absolute;
  width: 185px;
  top: 240px;
  left: 5px;
}
#menu_contact ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
#menu_emploi {
  position : absolute;
  width: 185px;
  top: 260px;
  left: 5px;
}
#menu_emploi ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
 
/* <-- espace pro --> */
.idDiv {
  position: relative;
  border: 1px solid #026237;
  top: 5px;
  left: 5px;
  width: 190px;
  height: 40px;
  text-align: center;
  font-size: .8em;
  color: #026237;
}
.searchDiv {
  position: absolute;
  top: 105px;
  right: 5px;
  font-size: .9em;
  z-index: 1;
}
#searchBox {
  border: 1px solid #026237;
  background-color: #2EC739;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
}
#idBox {
  border: 1px solid #026237;
  background-color: #2EC739;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
}
 
#idButton {
  border: 1px solid #026237;
  background-color: #026237;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
  font-weight: bold;
}
 
#searchButton {
  border: 1px solid #026237;
  background-color: #026237;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
  font-weight: bold;
}
/* <-- --------- --> */

index.php

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
<?php
// mettre ICI la liste de noms de TOUTES les pages :
$pages_possibles = array("home.htm", "best.htm", "contact.php", "autre_page.htm");
if (in_array($_GET['page'], $pages_possibles)) $page = $_GET['page'];
else $page = "home.htm";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Corrosion</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" type="text/css" rel="stylesheet" media="screen"/>
</head>
<body>
<div id="global">
 
<div id="entete">
	<?php include("entete.htm"); ?>
</div>
<div id="menu">
	<?php include('espacepro.htm'); ?>
	<?php include("menu.htm"); ?>
</div>
<div id="contenu">
	<?php include($page); ?>
</div>
<div id="footer">
	<?php include("footer.htm"); ?>
</div>
 
</div>
</body>
</html>

espacepro.htm

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<!-- #div d'identification -->
<div class="idDiv">
<form name=aform method=post action="index.php?page=identification">
	<b>ESPACE PRO :</b> <a href="#">Code oublié | Aide</a><br />
	<input type="text" name="id_box" size="20" value="Tapez votre code" onfocus="if (this.value == 'Tapez votre code') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'Tapez votre code'; }" style="text-align:center" id="idBox" />
	<input type="submit" name="id_value" value="&nbsp;ok&nbsp;" style="margin-top:5px" id="idButton" />
</form>
</div>

entete.htm

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<h1>DEBUTtitre...</h1>
<h2>...titreFIN</h2>
<!-- #div de moteur de recherche -->
<div class="searchDiv"> 
<form action="index.php?page=search" id="search-box">
	<input type="hidden" name="cx" value="016961606548190913830:uijtkv9wrkm" />
	<input type="hidden" name="cof" value="FORID:10" />
	<input type="hidden" name="ie" value="UTF-8" />
	<input type="text" name="q" size="25" value="&nbsp;Rechercher" onfocus="if (this.value == '&nbsp;Rechercher') { this.value = ''; }" onblur="if (this.value == '') { this.value = '&nbsp;Rechercher'; }" id="searchBox" />
	<input type="submit" name="sa" value="&nbsp;ok&nbsp;" id="searchButton" />
</form>
</div>

menu.htm

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
<!-- #menu -->
<ul class="niveauA1">
	<li class="sousNiveau" id="menu_accueil"><a href="#">Home</a> 
		<ul class="niveauB">
			<li><a href="#">
			<!-- pour forcer la gestion block -->
			</a></li>
		</ul>
	</li>
	<li class="sousNiveau" id="menu_affiche"><a href="#">Administration</a> 
		<ul class="niveauB">
		   <a href="index.php?page=best.htm">Etudiant</a>
			<li><a href="#">Enseignant</a></li>
			<li><a href="#">Administrateur</a></li>
		</ul>
	</li>
	<li class="sousNiveau" id="menu_campagne"><a href="#">BIENVENUE &Agrave; L'ESPACE</a> 
		<ul class="niveauB">
			<li class="sousNiveau"><a href="#">Consultation</a> 
				<ul class="niveauC">
					<li><a href="#">Par matiere</a></li>
					<li><a href="#">Par module</a></li>
				</ul>
			</li>
			<li class="sousNiveau"><a href="#">ESPACE ETUDIANT</a> 
				<ul class="niveauC">
					<li><a href="#">Catalogue par classe</a></li>
					<li><a href="#">Catalogue par niveau</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li class="sousNiveau" id="menu_presse"><a href="#">Etablissement</a> 
		<ul class="niveauB">
			<li><a href="#">Communiqués </a></li>
			<li><a href="#">Dossiers d'etudiants</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
	</li>
	<li class="sousNiveau" id="menu_photo"><a href="#">PHOTOTH&Egrave;QUE</a> 
		<ul class="niveauB">
			<li><a href="#"> 
			<!-- pour forcer la gestion block -->
			</a></li>
		</ul>
	</li>
</ul>
<ul class="niveauA2">
	<li class="sousNiveau" id="menu_contact"><a href="#">CONTACT</a> 
		<ul class="niveauB">
			<li><a href="#">Contact</a></li>
			<li><a href="#">A propos...</a></li>
		</ul>
	</li>
</ul>

<ul class="niveauA1"> : niveauA1 n'est pas défini dans les css (?)

**lilia_dream** · 01/04/2009, 17h48

Bonjour jreaux62

Merci Beaucoup grace a toi le script marche efficacement

mais il y a un probleme j'ai fait beaucoup de modification pour corriger cette affichage mais vainement

voici l'image ci-jointe en plus la taille de l'image est trop reduit juste pour capturer l'image tout entier

**lilia_dream** · 02/04/2009, 00h20

Bonsoir jreaux62

le probleme d'affichage reste le meme , mes modifications sont initules

Invité · 02/04/2009, 12h55

Bonjour,
Vu que je ne sais pas quelles modifs tu as faites :
tu peux toujours copier-coller les codes de mon post precedent !
Normalement, ca fonctionnait.

**lilia_dream** · 02/04/2009, 13h32

Bonjour jreaux62

j'ai meme tester avec le code que tu m'as fourni ,j'obtiens le meme affichage

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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
 
/* <-------------------- GENERAL --------------------> */
body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Bitstream Vera Sans, Lucida Grande, sans-serif;
  font-size: .8em;
  line-height: 1.25;
  color: black;
  background: #7FCF2E;
}
html {width: 100%;}
#global {
  overflow : auto;
  width: 1000px;
  padding: 0;
  margin:0;
  background: white url(../img/global.png) repeat-y;
}
/* <---------------- div PRINCIPALES ---------------> */
/* <-- entete --> */
#entete {
  position:relative;
  height: 100px;
  color: #FFF;
  background: #7FCF2E url(../img/header.png) no-repeat;
  position: relative;
}
/* <-- menu --> */
#menu {
  position:relative;
  float: left;
  width: 200px;
  height: 500px;
  background: #aaf url(../img/menuGP.png) no-repeat;
}
/* <-- contenu --> */
#contenu {
  position:relative;
  float: left;
  width: 800px;
  height: 500px;
  background:navy url(../img/accueil/bckground.png);
}
/* <-- footer --> */
#footer {
  position:relative;
  clear:both;
  text-align:center;
  height: 50px;
  width: 100%;
  background: #7FCF2E url(../img/footer.png) repeat-x;
  color: #FFF;
}
/* <---------------- div SECONDAIRES---------------> */
/* <-- DANS div CONTENU --> */
#contenu > :first-child {margin-top: 10px;}
#contenu .produit {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 200px;
  height: 166px;
  background: #faf url(../img/accueil/produit.png);
}
#contenu .recette {
  position: absolute;
  top: 220px;
  left: 20px;
  width: 200px;
  height: 164px;
  background: #faf url(../img/accueil/recette.png);
}
#contenu .visiter {
  position: absolute;
  top: 400px;
  left: 300px;
  width: 218px;
  height: 164px;
  background: #faf url(../img/accueil/visiter.png);
}
#contenu .acheter {
  position: absolute;
  top: 375px;
  left: 600px;
  width: 218px;
  height: 164px;
  background: #faf url(../img/accueil/acheter.png);
}
 
/* <-- DANS div ENTETE --> */
#entete h1 {
  margin: 0;
  position: absolute;
  top: 5px;
  left: 350px;
  font: italic bold 1.2em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
}
#entete h2 {
  position: absolute;
  top: 25px;
  left: 650px;
  font: italic bold 1.2em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
}
 
/* <-- DANS div MENU --> */
#menu ul {
  position: relative;
  left: 10px;
  top: 25px;
  padding: 0;
  margin: 0;
  border: 0;
}
#menu li a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
#menu ul li {
  position: absolute;
  list-style: none;
}
#menu ul a {display: block;}
#menu ul.niveauA2 a {color: #026237;}
#menu ul.niveauA2 a:hover {color: #2EC739;}
#menu ul.niveauA2 ul a {color: #FFFFFF;}
#menu ul.niveauA2 ul a:hover {color: #026237;}
#menu ul ul {
  position: absolute;
  top: 0;
  background-color: #B4E14D;
  border: 2px outset #DDF4EC;
  display: none; 
}
#menu ul ul a:hover,#menu ul ul a:active,#menu ul ul a:focus{
  background-color: #2EC739;
  color: #026237;
  border: 1px inset;
  padding: 0 3px;
}
#menu ul ul li {
  position: relative;
  border: 1px solid #B4E14D; /* Pour empÃªcher le dÃ©calage */
}
#menu ul ul li.sousNiveau {background-color: #9BCF23;}
#menu ul ul li a {
  color: #FFFFFF;
  font-weight: normal;
}
#menu ul ul ul {
  position: absolute;
  display: none;
}
#menu ul li.sousNiveau:hover ul.niveauB, #menu ul.niveauB li.sousNiveau:hover ul.niveauC {display: block;}
#menu ul ul.niveauB li.sousNiveau a {font-weight: normal;}
#menu ul ul.niveauB ul.niveauC li a {font-weight: normal;}
#menu_accueil a:hover, #menu_campagne a:hover, #menu_agriculture a:hover, #menu_chambre a:hover {color: #2EC739;}
#menu_affiche a:hover, #menu_presse a:hover, #menu_emploi a:hover, #menu_photo a:hover, #menu_contact a:hover {color: #026237;}
/* <-- menu --> */
#menu_accueil {
  position : relative;
  width: 185px;
  left: 5px;
  top: 40px;
}
#menu_accueil ul {
  width: 0px;
  left: 185px;
}
#menu_affiche {
  position : relative;
  width: 185px;
  left: 5px;
  top: 80px;
}
#menu_affiche ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
#menu_campagne {
  position : relative;
  width: 185px;
  left: 5px;
  top: 120px;
}
#menu_campagne ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
#menu_campagne ul ul {
  width: 150px;
  left: 145px;
}
#menu_presse {
  position : relative;
  width: 185px;
  top: 160px;
  left: 5px;
}
#menu_presse ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
#menu_photo {
  position: absolute;
  width: 185px;
  top: 200px;
  left: 5px;
}
#menu_photo ul {
  width: 0;
  top: 440px;
  left: 185px;
}
#menu_contact {
  position : absolute;
  width: 185px;
  top: 240px;
  left: 5px;
}
#menu_contact ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
#menu_emploi {
  position : absolute;
  width: 185px;
  top: 260px;
  left: 5px;
}
#menu_emploi ul {
  width: 150px;
  left: 185px;
  z-index: 2;
}
 
/* <-- espace pro --> */
.idDiv {
  position: relative;
  border: 1px solid #026237;
  top: 5px;
  left: 5px;
  width: 190px;
  height: 40px;
  text-align: center;
  font-size: .8em;
  color: #026237;
}
.searchDiv {
  position: absolute;
  top: 105px;
  right: 5px;
  font-size: .9em;
  z-index: 1;
}
#searchBox {
  border: 1px solid #026237;
  background-color: #2EC739;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
}
#idBox {
  border: 1px solid #026237;
  background-color: #2EC739;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
}
 
#idButton {
  border: 1px solid #026237;
  background-color: #026237;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
  font-weight: bold;
}
 
#searchButton {
  border: 1px solid #026237;
  background-color: #026237;
  font: 1em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color: white;
  font-weight: bold;
}
/* <-- --------- --> */

Invité · 02/04/2009, 14h03

Regarde dans /* <---------------- div PRINCIPALES ---------------> */
J'ai peut-etre mal dimensionné les width .... height ....

J'ai vu sur l'image que tu as aussi un message d'erreur :
"Notice:Undefined index: page in f:/css/dossier/index.php on line 4"

Verifie cette ligne 4 (et celles au dessus)

**lilia_dream** · 02/04/2009, 14h12

Bonjour jreaux62

tu as raison j'ai des messages d'erreurs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
Notice: Undefined index: page in f:\css\dossier\index.php on line 4

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
Warning: main(home.htm): failed to open stream: No such file or directory in f:\css\dossier\index.php on line 24
 
Warning: main(): Failed opening 'home.htm' for inclusion (include_path='.;D:/Program Files/EasyPHP1-8\php\pear\') in f:\css\dossier\index.php on line 24

comment puis-je eviter ces erreurs

Invité · 02/04/2009, 14h18

Notice: Undefined index: page in f:\css\dossier\index.php on line 4
1- quel est le code de ta page index.php ?

Warning: main(home.htm): failed to open stream: No such file or directory in f:\css\dossier\index.php on line 24
2- tu dois créer une page home.htm !