Webmaster Hub > Prob de menu à cause de mise en page dans des div

Version complète: sur le forum Webmaster Hub : Prob de menu à cause de mise en page dans des div

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net

Angelmalefica

jeudi 13 avril 2006 à 09:57

Bonjour à tous!!

Chui sacrément en galère depuis deux jours...
Je fais actuellement un site dans le cadre de mon stage de fin d'IUT, et j'ai un 'tit soucis!
En fait j'avais fait une première version du site dans lequel j'avais utilisé les frame pour la division de ma page en deux parties : le menu et le contenu.
Le problème est que je désite fair une partie anglophone, et qu'avec les frame, je n'arrivais pas à mettre à jour le menu et le contenu en même temps lorsqu'on cliquait sur le petit drapeau.
Du coup j'ai décidé d'utiliser des <div>. La mise à jour de la langue se fait très bien, mais maintenant c'est pour les liens de mon menu que j'ai des soucis...
En fait avec les frame, je pouvais préciser que je désirais que la cible s'affiche dans la partie contenu grace à l'attribut "target" mais du coup ce n'est plus valide puisque je n'ais plus de frames...
Une solution aurait été de duppliquer le code du menu dans chacune des pages... Mais je trouve que c'est vraiment bourrin comme technique, et même si je ne suis pas tjs très fine, je désire trouver une autre solution.
Ca fait 2 jours que je cherche une solution, mais la j'en peux plus!!
Quelqu'un aurait une solution à mon problème?

Merci d'avance!!

Portekoi

jeudi 13 avril 2006 à 09:59

Bonjour,

Tu peux utiliser les "includes" en php (si tu as PHP d'installé) et mettre un truc du genre :

CODE

<?
includes("mon_menu.php");
?>

Sinon, je ne vois pas comment tu pourrais faire.... mise à part dupliquer ton menu dans chacune de tes pages

Portekoi

Angelmalefica

jeudi 13 avril 2006 à 10:11

inclure un fichier php dans lequel je mettrais le menu ok... Mais euh...
en fait la, ma division est sur mon index...
J'ai mon index dans lequel il y a les deux <div>, le menu et la page d'accueil, mais tts les autres pages ne contiennent pas le menu.
La solution que tu me propose serait donc de garder mon index, puis pour chacune des autres pages, y inclure un fichier php dans lequel il n'y aurait plus que le menu???
Désolée, chui aps blonde mais des fois j'ai un peu du mal!

En ts cas merci pour la rapididité de ta réponse!! ^_^

Portekoi

jeudi 13 avril 2006 à 10:25

Re,

En faites dans TOUS les fichiers, tu devras mettre :

CODE

<?
includes("mon_menu.php");
?>

Avant le contenu

Donc même pour l'index, tu devras le faire.

Portekoi

Angelmalefica

jeudi 13 avril 2006 à 10:31

Je te remercie beaucoup!!!
J'vais voir si j'arrive à faire ca!!

C'est super gentil!! Ca me débloque d'une force! Merci mille fois!

Portekoi

jeudi 13 avril 2006 à 10:32

N'oublie pas de renomer tes pages en ".php" sinon ca marchera pas

Angelmalefica

jeudi 13 avril 2006 à 15:22

Kikoo!!!

Bon benh j'me suis remise la dessus cet aprem, et en fait ca marche pas...
J'ai fait mon menu.php à part, j'ai retiré la partie menu pour tester dans une des pages, j'ai renommé mes fichier .php et je n'ais pas oublié de faire l'include. J'ai essayé
<? include "menu.php";?>, <? includes "menu.php";?>, <?php include "menu.php";?>
et y'a rien a faire... J'ai une vilaine petite barre noire qui s'affiche à la place de mon menu.
J'sais pas trop koi faire...
Si t'as une solution chui preneuse!!!!

Dans ts les cas merci bien pour ton aide

Portekoi

jeudi 13 avril 2006 à 17:42

Essaie ca avec les ()

CITATION

<?
includes("mon_menu.php");
?>

Et tu es certaine que PHP est installé?

Angelmalefica

vendredi 14 avril 2006 à 08:15

Kikoo!!!

Bon benh euh j'les ais zappé, mais depuis le début je mets des guillemets ou des quote... Et ca ne marche pas... PHP est bien installé je pense car je fais mon site sous dreamweaver, et une fois que j'ai tapé l'include, il me mets une petite icone avec écrit PHP dedans...
J'ai essayé en renommant mon menu "menu.htm", "menu.html", "menu.php".... Y'a rien a faire!!
J'ai cherché sur le net et j'trouve rien qui marche... Ca me gave l'info qd ca marche pas!!!

NorSeb

vendredi 14 avril 2006 à 09:54

Bonjour,

CITATION(Angelmalefica @ vendredi 14 avril 2006, 09h15)

PHP est bien installé je pense car je fais mon site sous dreamweaver, et une fois que j'ai tapé l'include, il me mets une petite icone avec écrit PHP dedans...

Ca ne veut en aucun cas dire que tu as PHP d'installé.

Si tu es sous Windows, le plus simple est de télécharger et installer Easyphp. Tu auras alors un serveur local sur lequel tu pourras faire tourner du php et attaquer une base de données Mysql.

Angelmalefica

vendredi 14 avril 2006 à 14:29

Vouais j'ai vu ca!!! Donc j'ai téléchargé et installé easy php qui me dit qu'il fonctionne (enfin qu'il est bien connecté à apache et tout ca!!!).
Voici le code de ma page:

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<html>
<head>
<title>Location saisonnière à Puy Saint Vincent (05)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
div
{
border:2px solid;
}
#ensemble
{
top:0px;
right:0px;
}
#zonepage
{
position: absolute;
background: #FFFFFF url(Util/fond_pages.jpg) fixed;
width: 85%;
marginleft: 15%;
height: 100%;
float: right;
top: 0px;
left: 15%;
}
h1
{
font: "Palatino Linotype", "Comic Sans MS";
font-size: larger;
font-style: inherit;
}
/* Ce qui permet de ne plus avoir les cadres bleus autour des boutons du menu */
p
{
font-family:"Palatino Linotype", "Comic Sans MS";
font-size: medium;
color: black;
}
</style>
</head>

<body>
<div id="ensemble">
<?php include ('menu.php'); ?>
<div id="zonepage">
<center><br><img src="util/exterieur13.jpg"><br>
</center>
<h1 align="center">APPARTEMENT T1 (2 PIÈCES)</h1>
<center><p>Loue appartement homologué 6 personnes fonctionnel, lumineux, convivial, au coeur des Alpes.</p></center>
<p>          Situé à Puy Saint Vincent 1600, non loin de la station, cette location est très typée maison de montagne. Nous vous proposons à la location toute saison cet appartement pouvant accueillir jusqu'à 6 personnes. Cette location dans laquelle vous pourrez passer un séjour inoubliable est située dans un cadre agréable et calme.</p>
</div> 
</div> 
</body>
</html>

J'ai essayé en mettant des quotes, en appelant mon menu "menu.htm", et bien d'autres encore!! mais rien n'y fais... J'ai du merdé quelque part, c'est pas le pc qui merde, c'est le programmeur! Si vous pouviez m'aider a trouver la grosse bêtise que j'ai du faire ca serait vraiment super!!

Ah oui, aussi Portekoi me disait de mettre "includes" au lieu de "include"... J'pense que include c'est le bon mais j'ai essayé qd même dans le doute.... Et rien....
J'suis en plein pétage de câble!!

NorSeb

vendredi 14 avril 2006 à 15:11

La syntaxe qui est sure de marche est celle donnée par Portekoi...

Tu as vérifié que ton "menu.php" se trouve bien au même endroit que ta page ? Sinon, il faut que tu mettes le chemin du fichier dans l'include.

Angelmalefica

vendredi 14 avril 2006 à 15:40

J'ai remis la syntaxe que m'a donné Portekoi... Mais ca marche pas... Tous les fichiers sont dans le même répertoire... Je sais vraiment plus koi faire...
Peut etre est-ce le code de mon menu qui est faux... Alors bon benh si vous avez du temps le voici:

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<html>
<head>
<title>Location saisonnière à Puy Saint Vincent (05)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
div
{
border:2px solid;
}
#zonemenu
{
position: absolute;
background: #FFFFFF url(Util/fond_flocons.jpg) fixed;
text-align: center;
width: 15%;
height:100%;
float: left;
left: 0px;
top: 0px;
}
/* Ce qui permet de ne plus avoir les cadres bleus autour des boutons du menu */
a img
{
border: none;
}
</style>
</head>

<body>
<div id="zonemenu">
<img src="util/Titres/menu.gif" class="titre">
<br><br><br><br><a href="index2A.htm" target="_top"><img src="util/flag_uk.gif"></a> <a href="index2A.htm">English version</a>
<br><br><a href="Accueil.htm"><img src="util/Boutons/bouton1.gif" width="128" height="57"></a>
<br><a href="Descriptif.php"><img src="util/Boutons/bouton2.gif" width="128" height="57"></a>
<br><a href="Prestations.htm"><img src="util/Boutons/bouton3.gif" width="128" height="57"></a>
<br><a href="Photos.htm"><img src="util/Boutons/bouton4.gif" width="128" height="57"></a>
<br><a href="tarifs.htm"><img src="util/Boutons/bouton5.gif" width="128" height="57"></a>
<br><a href="situationgeo.htm"><img src="util/Boutons/bouton6.gif" width="128" height="57"></a>
<br><a href="Acces.htm"><img src="util/Boutons/bouton7.gif" width="128" height="57"></a>
<br><a href="loisirspossibles.htm"><img src="util/Boutons/bouton8.gif" width="128" height="57"></a>
<br><a href="contact.htm"><img src="util/Boutons/bouton9.gif" width="128" height="57"></a>
<br><img src="util/Mon_gif.gif">
</div> 
</body>
</html>

VOili voilou.... J'savais que je me gavais pas, mais a ce point la j'hallucine qd même!! C'est fou ce qu'il m'arrive!

NorSeb

vendredi 14 avril 2006 à 15:51

Tu as regardé le code source de ta page ? Ca ne doit pas ressembler à grand'chose

L'include n'a rien à voir avec les frames, tu ne dois pas considérer ca comme une page à part entière mais comme un bout de code que tu peux réutiliser à volonter.

Pour commencer donc, ton menu.php ne doit contenir que ca :

HTML

<div id="zonemenu">
<img src="util/Titres/menu.gif" class="titre">
<br><br><br><br><a href="index2A.htm" target="_top"><img src="util/flag_uk.gif"></a> <a href="index2A.htm">English version</a>
<br><br><a href="Accueil.htm"><img src="util/Boutons/bouton1.gif" width="128" height="57"></a>
<br><a href="Descriptif.php"><img src="util/Boutons/bouton2.gif" width="128" height="57"></a>
<br><a href="Prestations.htm"><img src="util/Boutons/bouton3.gif" width="128" height="57"></a>
<br><a href="Photos.htm"><img src="util/Boutons/bouton4.gif" width="128" height="57"></a>
<br><a href="tarifs.htm"><img src="util/Boutons/bouton5.gif" width="128" height="57"></a>
<br><a href="situationgeo.htm"><img src="util/Boutons/bouton6.gif" width="128" height="57"></a>
<br><a href="Acces.htm"><img src="util/Boutons/bouton7.gif" width="128" height="57"></a>
<br><a href="loisirspossibles.htm"><img src="util/Boutons/bouton8.gif" width="128" height="57"></a>
<br><a href="contact.htm"><img src="util/Boutons/bouton9.gif" width="128" height="57"></a>
<br><img src="util/Mon_gif.gif">
</div>

Ensuite, juste pour être sur, il faut avoir lancé easyphp et avoir mis son code source dans un sous-repertoire de "easyphp\www\"...
Enfin, dans un navigateur, tu tape "http://localhost/le_nom_de_ton_dossier"

Angelmalefica

vendredi 14 avril 2006 à 16:21

Merci beaucoup!!! Même si ca 'affiche un magnifique message d'erreur (a cause de moi!!!) benh j'avance!!!
Lorsque j'ouvrele fichier comme tu me l'as dit... ca m'affiche :

CITATION

Fatal error: Call to undefined function: includes() in c:\program files\easyphp1-8\www\site location\index2.php on line 47

Ca me fait penser aux vilains segmentation fault auxquels j'avais droit lorsque je faisais des boulettes en C++!!

J'ai modifié includes en include.... Ca marche pas... tu aurais une solution??
un truc est sur, si j'arrive à faire marcher cette fichue partie de code j'vous devrais a tous une fière chandelle!!

captain_torche

vendredi 14 avril 2006 à 16:23

Tu as quel message d'erreur ?
Tu appelles bien le bon fichier ?

Angelmalefica

vendredi 14 avril 2006 à 16:28

Le message d'erreur je l'ais noté en citation... c'est un fatal error qui fait référence à l'include de mon fichier index...
Et puis oui jai bien choisi le bon fichier puisque je le choisis dans la racine que me donne easyphp....
Rholala qu'est ce que je suis novice la bas dedans....

NorSeb

vendredi 14 avril 2006 à 16:38

Tu ne peux pas avoir le même message d'erreur puisque tu as remplacé "includes" par "include" B)

Angelmalefica

vendredi 14 avril 2006 à 16:42

si si.... c bien ce qui m'inquiète..... ca change rien!! j'ai vraiment codé comme un cochon....?

NorSeb

vendredi 14 avril 2006 à 16:43

Re-montre nous le bout de code stp ?

Angelmalefica

vendredi 14 avril 2006 à 16:46

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<html>
<head>
<title>Location saisonnière à Puy Saint Vincent (05)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
div
{
border:2px solid;
}
#ensemble
{
top:0px;
right:0px;
}
#zonepage
{
position: absolute;
background: #FFFFFF url(Util/fond_pages.jpg) fixed;
width: 85%;
marginleft: 15%;
height: 100%;
float: right;
top: 0px;
left: 15%;
}
h1
{
font: "Palatino Linotype", "Comic Sans MS";
font-size: larger;
font-style: inherit;
}
p
{
font-family:"Palatino Linotype", "Comic Sans MS";
font-size: medium;
color: black;
}
</style>
</head>

<body>
<div id="ensemble">
<?
include("menu.php");
?>
<div id="zonepage">
<center><br><img src="util/exterieur13.jpg"><br>
</center>
<h1 align="center">APPARTEMENT T1 (2 PIÈCES)</h1>
<center><p>Loue appartement homologué 6 personnes fonctionnel, lumineux, convivial, au coeur des Alpes.</p></center>
<p>          Situé à Puy Saint Vincent 1600, non loin de la station, cette location est très typée maison de montagne. Nous vous proposons à la location toute saison cet appartement pouvant accueillir jusqu'à 6 personnes. Cette location dans laquelle vous pourrez passer un séjour inoubliable est située dans un cadre agréable et calme.</p>
</div> 
</div> 
</body>
</html>

NorSeb

vendredi 14 avril 2006 à 16:48

Et le code source de ta page ? (issu du navigateur)

Angelmalefica

vendredi 14 avril 2006 à 16:49

CODE

Alors la j'en reste bouche bée.... j'comprends pas...

NorSeb

vendredi 14 avril 2006 à 16:52

C'est pourtant clair

, je ne sais pas comment tu as fait mais il n'y pas de fonction include dans ton source mais bien un includeS...

Angelmalefica

vendredi 14 avril 2006 à 16:53

Pourtant j'ai dans dreamweaver le code d'au dessus avec include sans s et j'ai enregistré au moins 10 fois pour etre sur...

NorSeb

vendredi 14 avril 2006 à 16:55

Tu as surement du sauvagarder dans un répertoire différent

Angelmalefica

vendredi 14 avril 2006 à 16:58

Benh euh... non!! Tu m'as fait peur!!! pendant deux minutes j'me suis dit que j'avais vraiment un grain!! mais non j'ai bien fait attention d'enregistrer dans le bon repertoire!

Angelmalefica

vendredi 14 avril 2006 à 17:11

Surtout reste calme et souffle un grand coup...
J'appelais bien le bon répertoire sauf que pour moi le bon répertoire c la ou j'avais mes fichiers a la base alors que l'ordi à besoin qu'on les mette dans easyphp/www/.....

Chui désolée......

En ts cas je te remercie mille fois!!!

Et pis aussi j'ai un autre 'tit problème, c'est que je ne sais pas comment bloquer ma partie menu lorsque ma partie contenu ets plus grande (pour qu'on ait tt le temps accès au menu koi...
J'pensais au pire à mettre un menu qui suirait la scrollbar mais ts les scripts que j'ai trouvé ne sont pas terribles... Sinon connaitrais tu qqch qui puisse me permettre de bloquer un <div> de la fenetre et pas l'autre?

merci

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.