J'utilise la fonction include dans mes pages pour ne pas à avoir a copier le code html demon menu dans toutes mes pages.
Le problème c'est que les pages que j'appelé avait leur propre balise <html><head><body> ce qui faisait avec l'index 3 fois chacune de ces balises, d'ou un porblème.
On ma donc conseillé de supprimer dans les fichiers appelé ces balises et de ne laisser que celle du fichier index.
Ce que j'ai fait.
Mais voilà le résultat:
http://itemart.freeheberge.com
et voilà à quoi doit ressembler mon menu:
itemart.freeheberge.com/menu<==copier cette adresse dans votre navigateur
Toutes mes pages se sont mis à la suite!!!!!
Qu'est ce que je peux faire pour éviter ce problème tout en évitant les balises en triple.
J'ai pensé au css mais je ne suis pas sur que sa marche comme avant.
merci
Version complète: sur le forum Webmaster Hub : Fonction include problème
Je ne suis pas sûr de comprendre ton problème 
Si tu mets dans ton fichier menu.inc.php le code de ton menu:
(Mal codé soit dit en passant, je suis certain que tu pourrais l'optimiser davantage
)
... et que dans ta page index.php tu mets:
.. Tout devrait marcher comme sur des roulettes, non ?
Si tu mets dans ton fichier menu.inc.php le code de ton menu:
HTML
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> <img src="image/menu/barre-menu.gif" height="439" width="200"></p>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; top: 113px; left: 138px;">
<img style="width: 200px; height: 500px;" alt="" src="image/menu/barre-menu2.gif"><br>
</div>
<p> </p>
<div id="Layer6" style="position: absolute; width: 200px; height: 115px; z-index: 9; left: 120px; top: 550px;"><img src="image/menu/bouton/contact.gif" height="105" width="140"></div>
<div id="Layer1" style="position: absolute; width: 200px; height: 115px; z-index: 8; left: 9px; top: 476px;"><img src="image/menu/bouton/projets.gif" height="105" width="140"></div>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" height="105" width="140"></div>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" height="105" width="140"></div>
<div id="Layer4" style="position: absolute; width: 200px; height: 115px; z-index: 6; left: 54px; top: 308px;"><img src="image/menu/bouton/classescultures.gif" height="105" width="140"></div>
<div id="Layer2" style="position: absolute; width: 200px; height: 115px; z-index: 5; left: 97px; top: 230px;"><img src="image/menu/bouton/ateliers.gif" height="105" width="140"></div>
<div id="Layer3" style="position: absolute; width: 200px; height: 115px; z-index: 3; left: 37px; top: 143px;"><img src="image/menu/bouton/itemart.gif" height="105" width="140"></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> <img src="image/menu/barre-menu.gif" height="439" width="200"></p>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; top: 113px; left: 138px;">
<img style="width: 200px; height: 500px;" alt="" src="image/menu/barre-menu2.gif"><br>
</div>
<p> </p>
<div id="Layer6" style="position: absolute; width: 200px; height: 115px; z-index: 9; left: 120px; top: 550px;"><img src="image/menu/bouton/contact.gif" height="105" width="140"></div>
<div id="Layer1" style="position: absolute; width: 200px; height: 115px; z-index: 8; left: 9px; top: 476px;"><img src="image/menu/bouton/projets.gif" height="105" width="140"></div>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" height="105" width="140"></div>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" height="105" width="140"></div>
<div id="Layer4" style="position: absolute; width: 200px; height: 115px; z-index: 6; left: 54px; top: 308px;"><img src="image/menu/bouton/classescultures.gif" height="105" width="140"></div>
<div id="Layer2" style="position: absolute; width: 200px; height: 115px; z-index: 5; left: 97px; top: 230px;"><img src="image/menu/bouton/ateliers.gif" height="105" width="140"></div>
<div id="Layer3" style="position: absolute; width: 200px; height: 115px; z-index: 3; left: 37px; top: 143px;"><img src="image/menu/bouton/itemart.gif" height="105" width="140"></div>
<p> </p>
(Mal codé soit dit en passant, je suis certain que tu pourrais l'optimiser davantage
)... et que dans ta page index.php tu mets:
CODE
<html>
<head>
[...]
</head>
<body>
[...]
<div id="menu"><?php include('menu.inc.php'); ?></div>
[...]
</body>
</html>
<head>
[...]
</head>
<body>
[...]
<div id="menu"><?php include('menu.inc.php'); ?></div>
[...]
</body>
</html>
.. Tout devrait marcher comme sur des roulettes, non ?
En fait je viens de faire un essai et mon problème vient de l'index!
Mon problème était que lorsque j'ai modifié le code de mespages appelé sa ne marchait plus (tu a pu voir avec le menu), mais apparament c'est en voulant rajouter des balises méta que sa la fait buggé!
Sinon comment faire pour optimiser mon code source (celui ci est entiérement fait sous nvu) ?
Mon problème était que lorsque j'ai modifié le code de mespages appelé sa ne marchait plus (tu a pu voir avec le menu), mais apparament c'est en voulant rajouter des balises méta que sa la fait buggé!
Sinon comment faire pour optimiser mon code source (celui ci est entiérement fait sous nvu) ?
Hé bien tu pourrais commencer par ajouter un slash à la fin de tes balises img pour les rendre W3C Compliant, puis par regrouper tes déclarations de style en une classe. Je m'explique:
Par:
Ca simplifie déjà pas mal le code, non ?
HTML
<div id="Layer6" style="position: absolute; width: 200px; height: 115px; z-index: 9; left: 120px; top: 550px;"><img src="image/menu/bouton/contact.gif" height="105" width="140"></div>
<div id="Layer1" style="position: absolute; width: 200px; height: 115px; z-index: 8; left: 9px; top: 476px;"><img src="image/menu/bouton/projets.gif" height="105" width="140"></div>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" height="105" width="140"></div>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" height="105" width="140"></div>
<div id="Layer4" style="position: absolute; width: 200px; height: 115px; z-index: 6; left: 54px; top: 308px;"><img src="image/menu/bouton/classescultures.gif" height="105" width="140"></div>
<div id="Layer2" style="position: absolute; width: 200px; height: 115px; z-index: 5; left: 97px; top: 230px;"><img src="image/menu/bouton/ateliers.gif" height="105" width="140"></div>
<div id="Layer3" style="position: absolute; width: 200px; height: 115px; z-index: 3; left: 37px; top: 143px;"><img src="image/menu/bouton/itemart.gif" height="105" width="140"></div>
<div id="Layer1" style="position: absolute; width: 200px; height: 115px; z-index: 8; left: 9px; top: 476px;"><img src="image/menu/bouton/projets.gif" height="105" width="140"></div>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" height="105" width="140"></div>
<div id="Layer5" style="position: absolute; width: 200px; height: 115px; z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" height="105" width="140"></div>
<div id="Layer4" style="position: absolute; width: 200px; height: 115px; z-index: 6; left: 54px; top: 308px;"><img src="image/menu/bouton/classescultures.gif" height="105" width="140"></div>
<div id="Layer2" style="position: absolute; width: 200px; height: 115px; z-index: 5; left: 97px; top: 230px;"><img src="image/menu/bouton/ateliers.gif" height="105" width="140"></div>
<div id="Layer3" style="position: absolute; width: 200px; height: 115px; z-index: 3; left: 37px; top: 143px;"><img src="image/menu/bouton/itemart.gif" height="105" width="140"></div>
Par:
HTML
div#menu div
{
position: absolute;
width: 200px;
height: 115px;
}
div#menu div img
{
height: 105px;
width: 140px;
}
[...]
<div id="Layer6" style="z-index: 9; left: 120px; top: 550px;"><img src="image/menu/bouton/contact.gif" /></div>
<div id="Layer1" style="z-index: 8; left: 9px; top: 476px;"><img src="image/menu/bouton/projets.gif" /></div>
<div id="Layer5" style="z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" /></div>
<div id="Layer5" style="z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" /></div>
<div id="Layer4" style="z-index: 6; left: 54px; top: 308px;"><img src="image/menu/bouton/classescultures.gif" /></div>
<div id="Layer2" style="z-index: 5; left: 97px; top: 230px;"><img src="image/menu/bouton/ateliers.gif" /></div>
<div id="Layer3" style="z-index: 3; left: 37px; top: 143px;"><img src="image/menu/bouton/itemart.gif" /></div>
{
position: absolute;
width: 200px;
height: 115px;
}
div#menu div img
{
height: 105px;
width: 140px;
}
[...]
<div id="Layer6" style="z-index: 9; left: 120px; top: 550px;"><img src="image/menu/bouton/contact.gif" /></div>
<div id="Layer1" style="z-index: 8; left: 9px; top: 476px;"><img src="image/menu/bouton/projets.gif" /></div>
<div id="Layer5" style="z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" /></div>
<div id="Layer5" style="z-index: 7; left: 0px; top: 387px;"><img src="image/menu/bouton/formations.gif" /></div>
<div id="Layer4" style="z-index: 6; left: 54px; top: 308px;"><img src="image/menu/bouton/classescultures.gif" /></div>
<div id="Layer2" style="z-index: 5; left: 97px; top: 230px;"><img src="image/menu/bouton/ateliers.gif" /></div>
<div id="Layer3" style="z-index: 3; left: 37px; top: 143px;"><img src="image/menu/bouton/itemart.gif" /></div>
Ca simplifie déjà pas mal le code, non ?
Oui en effet merci!!!
Je mis met tout de suite
Je mis met tout de suite
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.