Pas moyen d'inclure un .html

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour à tous,

J'essaye de créer un site en Xhtml 1.1, pour essai, et j'ai fait un menu déroulant que je voudrais inclure.
Seulement, pas moyen de le voir s'afficher.

A tout hasard, je mets le bout de code concerné, peut-être qu'avec des yeux neufs, ce sera vite résolu.
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 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="styles/styles.css" rel="stylesheet" type="text/css" title="" /> </head> <body>  <div id="conteneur">  <div id="header"> </div>   <div id="header2"> <?php include("main_inc/menu_haut.html"); ?> </div>  (...)
Merci de votre aide.

30/08/2011, 14h04
Kaamo

Comment se nomme le fichier contenant le bout de code ci-dessus ?
Comment fais - tu pour afficher ce code ? Tu passes le fichier contenant le bout de code ci-dessus directement dans un navigateur ?
30/08/2011, 14h47
Vil'Coyote

Citation:

Code:

<?php include("main_inc/menu_haut.html"); ?>

est tu sur du chemin d'accès?
ton fichier menu_haut.html ne doit pas comporter de balise <html>, <head>, <body> étant donné que tu l'inclus.
30/08/2011, 14h55
jlb59

Citation:

Envoyé par Kaamo

Comment se nomme le fichier contenant le bout de code ci-dessus ?
Comment fais - tu pour afficher ce code ? Tu passes le fichier contenant le bout de code ci-dessus directement dans un navigateur ?

Bonjour,

Où est l'intérêt de savoir le nom de ce bout de code ?
A ma connaissance, cela est sans importance ! ;)

On peut mettre n'importe quel nom, pour commencer.
Ensuite, quand cet appel fonctionnera bien, je le nommerai "index" (php ou html), j'en sais rien !

Tout se passe en local !
30/08/2011, 14h58
jlb59

Citation:

Envoyé par Vil'Coyote

est tu sur du chemin d'accès?
ton fichier menu_haut.html ne doit pas comporter de balise <html>, <head>, <body> étant donné que tu l'inclus.

Je suis certain du chemin !

Je ne comprends pas très bien pourquoi le menu ne doit avoir ces balises ! :?

Tu peux m'expliquer pourquoi ? ;)

Because, j'ai essayé sans ces balises et le résultat est le même... pas d'affichage ! :cry:
30/08/2011, 15h00
thelvin

Citation:

Envoyé par jlb59

Ensuite, quand cet appel fonctionnera bien, je le nommerai "index" (php ou html), j'en sais rien !

Voilà, c'est un peu le problème : php ou html tu en sais rien.
Eh ben je t'informe que c'est pas du tout la même chose.

Le HTML est le langage de présentation des pages webs. C'est ce que lisent les navigateurs, c'est ce qu'ils affichent.

Le PHP est un langage de programmation, conçu pour produire facilement des pages en HTML. Il est lu par un serveur web muni d'un moteur PHP (n'importe quel hébergeur) et produit un document HTML, qu'il envoie au navigateur qui l'a demandé.

Pas du tout la même chose. Tu ne peux pas mettre du <?php ... ?> dans un fichier HTML et penser que ça fera quelque chose quand tu cliqueras dessus. Ça ne fera rien.
30/08/2011, 15h05
Kaamo

Citation:

Envoyé par jlb59

Bonjour,

Où est l'intérêt de savoir le nom de ce bout de code ?
A ma connaissance, cela est sans importance ! ;)

On peut mettre n'importe quel nom, pour commencer.
Ensuite, quand cet appel fonctionnera bien, je le nommerai "index" (php ou html), j'en sais rien !

Tout se passe en local !

Comme le fait remarquer thelvin, je voulais savoir l'extension en fait (php, html). C'est pourquoi ton code php n'est pas interprété, et donc ne fonctionne pas ;)

http://sylvie-vauthier.developpez.co...rand-debutant/
30/08/2011, 15h18
jlb59
Citation:

Envoyé par thelvin

Voilà, c'est un peu le problème : php ou html tu en sais rien.
Eh ben je t'informe que c'est pas du tout la même chose.

Je suis d'accord avec toi, mazis même si je le nomme "index.php", il n'y a rien qui se passe... pas d'affichage du menu.

Ce que je ne comprends absolument pas, c'est que j'ai déjà un site avec l'index.php et qui contient des includes (.html) et ça va très bien !

Je me demandais si c'était pas le Doctype qui posait problème, parce qu'à l'origine, il n'y a pas de
Code:

1 2 3 4 < ?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
mais simplement
Code:

1 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>
Avec ça, c'est OK !

Je comprends de moins en moins et je désespère ! :cry:
30/08/2011, 15h29
Bisûnûrs

Citation:

Envoyé par jlb59

Je ne comprends pas très bien pourquoi le menu ne doit avoir ces balises ! :?

Tu peux m'expliquer pourquoi ? ;)

Il me semblait pourtant avoir été clair ici :
http://www.developpez.net/forums/d10...apport-menu-g/
30/08/2011, 15h41
Kaamo

Code:

mazis même si je le nomme "index.php", il n'y a rien qui se passe... pas d'affichage du menu.

C'est normal si tu charges la page telle quelle dans un navigateur sans passer par un serveur qui est capable d'interpréter le php
30/08/2011, 16h03
jlb59

Citation:

Envoyé par Kaamo

C'est normal si tu charges la page telle quelle dans un navigateur sans passer par un serveur qui est capable d'interpréter le php

Je ne crois pas parce qu'avec l'autre site, je l'avais testé en local, donc, l'index.php avait des includes .html et tout était bien.

Ce n'est qu'une fois à peu près OK que je l'ai mis en ligne.

A tout hasard, comme je me sers de EasyPHP, c'est comme si j'étais sur lez serveur !
30/08/2011, 16h11
jlb59

Citation:

Envoyé par Bisûnûrs

Il me semblait pourtant avoir été clair ici :
http://www.developpez.net/forums/d10...apport-menu-g/

Désolé mais je n'avais pas trop fait le rapprochement !

En fait, j'avais pas vu tes réponses, elles étaient sur d'autres pages.

Désolé Bisûnûrs

Mais même en faisant comme tu me l'as dit et montré, rien ne s'affiche avec l'include.
30/08/2011, 16h19
Bisûnûrs

Bon, et si tu nous donnais le code généré par le navigateur ?
30/08/2011, 16h27
Kaamo

Citation:

Envoyé par jlb59

Je ne crois pas parce qu'avec l'autre site, je l'avais testé en local, donc, l'index.php avait des includes .html et tout était bien.

Ce n'est qu'une fois à peu près OK que je l'ai mis en ligne.

A tout hasard, comme je me sers de EasyPHP, c'est comme si j'étais sur lez serveur !

Exact, je ne pensais pas qu'Easy PHP était utilisé ;)

Citation:

Envoyé par Bisûnûrs

Bon, et si tu nous donnais le code généré par le navigateur ?

Index.php

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
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="styles/styles.css" rel="stylesheet" type="text/css" title="" media="screen" />
</head>
<body>
 
<!-- début du conteneur -->
<div id="conteneur">
 
<!-- début du header -->
<div id="header">&nbsp;</div>
<!-- fin du header -->
 
<!-- début du header2 -->
<div id="header2">
<?php include("main_inc/menu_haut.html"); ?>
</div>
<!-- fin du header2 -->
 
<div id="contenu">
<div id="page">
<h4>Titre de la page</h4>
<p>
<a href="#
" onclick="return false;" title="">lien d'essai</a> dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br />
</p>
</div>
</div>
 
<div id="gauche">
<h1>PUB ou AUTRE</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
</div>
 
<div id="footer">Footer</div>
 
</div>
<!-- fin du conteneur -->
 
</body>
</html>

Menu_haut.html

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
<div class="menu">
 
<ul>
<li><a class="hide" href="">M1</a>
	<ul>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
	<li><a class="hide" href="xxxxxxxxxxxxxx" title="">Sous-Menu &gt;</a>
		<ul>
			<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
			<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
			<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
			<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		</ul>
	</li>
 
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
	</ul>
</li>
 
<li><a class="hide" href="index.html">M2</a>
	<ul>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
	</ul>
</li>
 
<li><a class="hide" href="../layouts/index.html">M3</a>
	<ul>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
	</ul>
</li>
 
<li><a class="hide" href="../boxes/index.html">M4</a>
	<ul>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
	</ul>
</li>
 
<li><a class="hide" href="../mozilla/index.html">M5</a>
	<ul>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
	</ul>
</li>
 
<li><a class="hide" href="../ie/index.html">M6</a>
	<ul>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
	</ul>
</li>
 
<li><a class="hide" href="">M7</a>
	<ul>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
	<li><a class="hide" href="" title="">&lt; Sous-Menu</a>
		<ul class="left">
			<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
			<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
			<li><a href="" title="">xxxxxxxxxxxxxx</a></li>
		</ul>
	</li>
	</ul>
</li>
</ul>
 
</div>

Styles.css

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
@charset "iso-8859-1";
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family:verdana,Arial,Tahoma,"MS Sans Serif","Times New Roman";
font-size:12px;
background:cyan;
}
 
#conteneur {}
 
#header {
background: #000000 url(../images/bannieres/header/banniere.jpg);background-repeat:no-repeat;
display: block; 
margin-left:auto; 
margin-right:auto; 
height: 125px;
width: 970px;}
 
#header2{
background: #009966;
height:50px;
}
#contenu {
float: left;
width: 100%;
border:0px solid red;
background: #FFFFFF;
}
 
#page {
margin-left: 200px;
padding-left:30px;
padding-top:5px;
}
 
#gauche {
float: left;
width: 200px;
margin-left: -100%;
background-color: #FFFFFF;
padding: 10px;
border-right:1px solid red;
border-bottom:1px solid red;
}
 
#footer {
background-color: #2e4c6b;
clear: left;
width: 100%;
font-weight: bold;
color: #fff;
text-align: center;
padding: 4px 0;
}
 
p, h1, pre {
margin: 0 3em 1em 2em;
}
 
h1 {
font-size: 120%;
padding-top: 1em;
}
 
 
 
.menu {font-family:verdana,arial,sans-serif; width:750px; height:auto;margin-left:auto;margin-right:auto;; position:relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
 
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

NB : Les noms de fichiers sont en minuscule !

30/08/2011, 16h53
Bisûnûrs

J'ai dit le code généré par le navigateur ...
30/08/2011, 16h57
jlb59

Citation:

Envoyé par Bisûnûrs

J'ai dit le code généré par le navigateur ...

Qu'est-ce que tu appelles "code généré par le navigateur" ?
30/08/2011, 17h01
Torgar

De toute manière, le code posté ci-dessus marche très bien, le menu est chargé correctement.

Le seul truc que je n'ai pas suivi c'est ton arborescence de fichier. Je me suis pas embêté avec les dossiers.

Mais comme dit Bisûnûrs, poste nous le code généré par le navigateur (Ctrl + U sous firefox | Affichage -> source sous IE).

Quel est la version de PHP qui tourne sur ton serveur Easyphp ?

Si on m'avait dit "Le code source", j'aurais compris plus vite !:mouarf:

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
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="styles/styles.css" rel="stylesheet" type="text/css" title="" media="screen" />
</head>
<body>
 
<!-- début du conteneur -->
<div id="conteneur">
 
<!-- début du header -->
<div id="header">&nbsp;</div>
<!-- fin du header -->
 
<!-- début du header2 -->
<div id="header2">
<?php include("main_inc/menu_haut.html"); ?>
</div>
<!-- fin du header2 -->
 
<!-- début du contenu -->
<div id="contenu">
<!-- début de page -->
<div id="page">
 
<h4>Titre de la page</h4>
<p>
<a href="#
" onclick="return false;" title="">lien d'essai</a> dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br />
 
</p>
 
<!-- fin de page -->
</div>
<!-- fin du contenu -->
</div>
 
<!-- début de partie gauche -->
<div id="gauche">
 
<h1>PUB ou AUTRE</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
 
<!-- fin de partie gauche -->
 
</div>
 
<!-- début du footer -->
<div id="footer">Footer</div>
<!-- fin du footer -->
 
</div>
<!-- fin du conteneur -->
 
</body>
</html>

Si tu dis que ça va chez toi, c'est que je dois avoir un problème !

La version de FF est 3.6.20
Celle de EasyPHP est 5.3.8.0
* PHP 5.3.8 VC9
* Apache 2.2.19 VC9
* MySQL 5.5.15
* PhpMyAdmin 3.4.3.2
* Xdebug 2.1.2

Pour l'arborescence, j'ai prévu ça mais pour l'instant !...

30/08/2011, 17h17
Torgar

Si ce que tu nous poste est bien le code source du navigateur, alors ton PHP n'est pas interprété.

Donne nous l'url du navigateur (celle dans la barre d'adresse) de ton index.php s'il te plait.

Voir 40 message(s) de cette discussion en une page