leditvalentin Posté 6 Mars 2006 Partager Posté 6 Mars 2006 (modifié) 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é 6 Mars 2006 par leditvalentin Lien vers le commentaire Partager sur d’autres sites More sharing options...
MS-DOS_1991 Posté 6 Mars 2006 Partager Posté 6 Mars 2006 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: <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 More sharing options...
leditvalentin Posté 6 Mars 2006 Auteur Partager Posté 6 Mars 2006 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 More sharing options...
MS-DOS_1991 Posté 7 Mars 2006 Partager Posté 7 Mars 2006 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 More sharing options...
leditvalentin Posté 7 Mars 2006 Auteur Partager Posté 7 Mars 2006 Oui en effet merci!!! Je mis met tout de suite Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant