Aller au contenu

Fonction include problème


leditvalentin

Sujets conseillés

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

Modifié par leditvalentin
Lien vers le commentaire
Partager sur d’autres sites

Je ne suis pas sûr de comprendre ton problème :unsure:

Si tu mets dans ton fichier menu.inc.php le code de ton menu:

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

<html>
<head>
[...]
</head>
<body>
[...]
<div id="menu"><?php include('menu.inc.php'); ?></div>
[...]
</body>
</html>

.. Tout devrait marcher comme sur des roulettes, non ?

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

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:

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

Par:

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>

Ca simplifie déjà pas mal le code, non ? ;)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...