Include. Problème de mise en place. [PHP] - PHP - Programmation
Marsh Posté le 24-10-2009 à 01:27:31
Bonjour,
J'ai dl ton fichier, si je comprend bien, tu as besoin d'un include dans le div qui se trouve dans content ?
Je vois que tu as mis tous le texte et toute les données en dur dans ton code.
Ce que tu souhaites , si j'ai bien compris, c'est un page vierge avec des includes de chaque onglets ?
Accueil | Forums | Alliances | Membres | Contact
J'ai pas trop compris quel donnée tu veux affiché en php en fait.
Voici deja la page vierge si ca peux t'aider.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>World of Warcraft</title>
<link href="style/warcraft.css" rel="stylesheet" type="text/css" />
</head>
<body><div id="bg"></div><br />
<div id="header" align="left">
<img src="images/top.gif" alt="" width="968" height="45" /></div>
<div id="subheader">
<div class="news"><strong>DERNIERE NEWS</strong> :<br />Le site de World of Warcraft est maintenant ouvert à tous les gamers !</div>
<div class="search"><strong>RECHERCHE</strong> :<br />
<label>
<input name="textfield" type="text" class="search_field" /><input name="OK" value="OK" class="search_button" type="button" />
</label>
</div>
</div>
<div id="MENU">
<!-- VOUS DEVEZ COPIER CETTE BALISE POUR AJOUTER UNE CATEGORIE DE MENU : ***<div class="fenetre">CONTENU</div>*** -->
<div class="fenetre">
<img src="images/top_menu.gif" alt="" width="150" height="45" /><div class="liens">
<!-- VOUS DEVEZ COPIER CETTE BALISE POUR AJOUTER UN BOUTON AU MENU : ***<div class="bouton">PLACEZ LE LIEN</div>*** -->
<div class="bouton"><a href="#">ACCUEIL</a></div>
<div class="bouton"><a href="#">FORUM</a></div>
<div class="bouton"><a href="#">ALLIANCES</a></div>
<div class="bouton"><a href="#">MEMBRES</a></div>
<div class="bouton"><a href="#">COMMUNAUTE</a></div>
<div class="bouton"><a href="#">ASTUCES</a></div>
<div class="bouton"><a href="#">ARMES</a></div>
<div class="bouton"><a href="#">CONTACT</a></div>
</div>
<img src="images/foot_menu.gif" alt="" width="150" height="20" />
</div>
<div class="fenetre" style="margin-top:30px;"><img src="images/top_menu.gif" alt="" width="150" height="45" /><div class="liens">
<div class="menu_content">
LOGIN :<br /><input name="textfield2" type="text" class="search_field" /><br />
PASSWORD :<br /><input name="textfield3" type="text" class="search_field" /><br />
<input name="OK" value="OK" class="search_button" type="button" style="margin-top:5px;"/>
</div>
</div><img src="images/foot_menu.gif" alt="" width="150" height="20" />
</div>
</div>
<div class="bgcontent">
<div class="content">
<div align="center" class="centre"><a href="#">Accueil</a> | <a href="#">Forums</a> | <a href="#">Alliances</a> | <a href="#">Membres</a> | <a href="#">Contact
</a><br />
<div>
<!-- !!include sont a mettre ici !! -->
</div>
</div>
</div>
<div id="footer" align="center"><!-- IL EST INTERDIT DE SUPPRIMER CE COPYRIGHT -->
© 2007 Design par <a href="http://www.kitgraphique.net/designers/klm.html">KLM</a> pour <a href="http://www.kitgraphique.net">Kitgraphique.net</a></div>
</div>
</body>
</html>
<div id="footer" align="center"><!-- IL EST INTERDIT DE SUPPRIMER CE COPYRIGHT -->
© 2007 Design par <a href="http://www.kitgraphique.net/designers/klm.html">KLM</a> pour <a href="http://www.kitgraphique.net">Kitgraphique.net</a></div>
</div>
</body>
</html>
Code CSS à ajouter:
.centre{
width:auto;
height:600px;
}
Marsh Posté le 23-10-2009 à 17:02:00
Bonjour,
Donc avant tout je vais vous donner le liens de mon serveur de teste.
Il s'agit de: <lien>http://lepetitintello.free.fr/Myth/</lien>
Mon projet serais d'enlever tout ce qui se situe en centre de page , donc les deux images, ainsi que le texte , cadres brun/rouge.
Ne garder que le centre de page avec le genre de papyrus et d'y inclure une "Include".
Il faudrait que l'include est une taille fixe (car si c'est plus long ou plus court le fond du pied de page ne va plus correspondre au fond du site... Heuu, jusque là on me suis ).
Et mon but serait que mes liens sur menu se charge dans l'include si besoin.
Par exemple la page affiché par défaut dans l'include sera index_milieu.php et quand je clique sur le lien 'Astuces', la page ne se charge pas entièrement, mais se charge DANS l'include (Avec un peut de chance les plus courageux continuerons de me lire ).
Le problème est que je ne code pas du tout en PHP. Je suis personnellement dans le XHTML/CSS et le graphisme (je mis remet après deux longues années d'absence) et mon codeur PHP n'ai pas disponible pendant prêt de deux semaines. J'aurais donc aimé savoir si des personnes serait capable, et voudrait bien me coder joliment cette include avec comme règle: Garder la même hauteur de site en dimensionnant l'include. Et pouvoir faire faire appelle à une page dans cette include.
Les bases du sites se trouve en telechargement zip sur ce lien:
<lien>http://lepetitintello.free.fr/Site_Myth.rar</lien>
Code XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>World of Warcraft</title>
<link href="style/warcraft.css" rel="stylesheet" type="text/css" />
</head>
<body><div id="bg"></div><br />
<div id="header" align="left">
<img src="images/top.gif" alt="" width="968" height="45" /></div>
<div id="subheader">
<div class="news"><strong>DERNIERE NEWS</strong> :<br />Le site de World of Warcraft est maintenant ouvert à tous les gamers !</div>
<div class="search"><strong>RECHERCHE</strong> :<br />
<label>
<input name="textfield" type="text" class="search_field" /><input name="OK" value="OK" class="search_button" type="button" />
</label>
</div>
</div>
<div id="MENU">
<!-- VOUS DEVEZ COPIER CETTE BALISE POUR AJOUTER UNE CATEGORIE DE MENU : ***<div class="fenetre">CONTENU</div>*** -->
<div class="fenetre">
<img src="images/top_menu.gif" alt="" width="150" height="45" /><div class="liens">
<!-- VOUS DEVEZ COPIER CETTE BALISE POUR AJOUTER UN BOUTON AU MENU : ***<div class="bouton">PLACEZ LE LIEN</div>*** -->
<div class="bouton"><a href="#">ACCUEIL</a></div>
<div class="bouton"><a href="#">FORUM</a></div>
<div class="bouton"><a href="#">ALLIANCES</a></div>
<div class="bouton"><a href="#">MEMBRES</a></div>
<div class="bouton"><a href="#">COMMUNAUTE</a></div>
<div class="bouton"><a href="#">ASTUCES</a></div>
<div class="bouton"><a href="#">ARMES</a></div>
<div class="bouton"><a href="#">CONTACT</a></div>
</div>
<img src="images/foot_menu.gif" alt="" width="150" height="20" />
</div>
<div class="fenetre" style="margin-top:30px;"><img src="images/top_menu.gif" alt="" width="150" height="45" /><div class="liens">
<div class="menu_content">
LOGIN :<br /><input name="textfield2" type="text" class="search_field" /><br />
PASSWORD :<br /><input name="textfield3" type="text" class="search_field" /><br />
<input name="OK" value="OK" class="search_button" type="button" style="margin-top:5px;"/>
</div>
</div><img src="images/foot_menu.gif" alt="" width="150" height="20" />
</div>
</div>
<div class="bgcontent">
<div class="content">
<div align="center"><a href="#">Accueil</a> | <a href="#">Forums</a> | <a href="#">Alliances</a> | <a href="#">Membres</a> | <a href="#">Contact
</a></div><br /><br />
<div class="box">
<div class="boxhead">WOW : LE MONDE DE WARCRAFT</div>
<div class="boxcontent">
<img src="images/exemple.jpg" alt="" width="210" height="159" style="float:left; margin-right:3px;" />L'Alliance est une union complexe de plusieurs races réparties en différentes nations et clans. Ainsi, de manière simplifiée, l'Alliance regroupe les Humains, les Elfes, les Nains et les Gnomes. Toutefois, il convient de préciser certaines particularités :
Les Humains étaient autrefois regroupés en un seul et vaste royaume, l'Empire d'Arathor qui trouve ses origines quelques 2 320 ans avant le premier grand conflit entre les Humains et les Orcs. À cause de troubles politiques internes,<a href="#"> l'Empire d'Arathor</a> explosa en sept nations distinctes : Azeroth, Lordaeron, Stromgarde, Kul Tiras, Gilneas, Dalaran, et Altérac.
Les Elfes appartenant à l'Alliance sont en réalité les Hauts-Elfes. Les Elfes de la Nuit, vivant dans une lointaine contrée, au nord de Kalimdor, non loin de l'Arbre Monde, ne se feront connaître que lorsque la Légion Ardente commandée par Archimonde ressurgira pour anéantir le monde d'Azeroth. La plupart des Hauts-Elfes périrent lors de la guerre contre la Légion et la destruction de leur capitale, Silvermoon. Certains partirent avec le reste de l'Alliance sur la terre de Kalimdor, et d'autres quittèrent l'Alliance qu'ils considéraient comme des traîtres, et se firent appeler les Elfes de Sang en raison du massacre de leur terre natale par Arthas, un ancien paladin devenu un chevalier de la mort. La majorité d'entre-eux se sont tournés vers la horde.
Les Nains étaient regroupés dans trois grands clans : les Bronzebeard, les Wildhammer et les Dark Iron. À la suite d'un conflit pour savoir quel clan allait prendre la succession du roi <a href="#">Anvilmar</a>, les Dark Iron furent bannis d'Ironforge -la capitale des Nains-, tandis que les Wildhammer partirent pour le Pic Aerie. Les Dark Iron sont considérés comme des ennemis de l'Alliance, les Whildhammer ne font pas partie de l'Alliance mais considèrent la Horde comme leur ennemi et les Bronzebeard font partie intégrale de l'Alliance.
Les Gnomes font intégralement partie de l'Alliance. Toutefois depuis la chute de leur capitale Gnomeregan par une invasion d'humanoïdes nommés Troggs. Pour contrer cette invasion, les chefs de Gnomeregan ont diffusés un gaz mortel dans le but d'éliminer l'envahisseur, mais ce gaz s'est aussi retourné contre les gnomes vivants dans la ville. Depuis ce temps ils sont contraints de vivre dans la capitale naine.
Récemment, des draeneis se sont échoués au large de Kalimdor, vraisemblablement à cause d'un sabotage de leur vaisseau interdimensionnel par les elfes de sang. Ils se sont très rapidement liés avec l'Alliance.</div>
<div class="boxfoot"></div>
</div>
<br/><br/><br/>
<div class="box">
<div class="boxhead">LA PREMIERE GUERRE </div>
<div class="boxcontent">
<img src="images/exemple2.jpg" alt="" width="215" height="164" style="float:left; margin-right:3px;" />La guerre trouve son origine dans la folie d'un homme et la soif de pouvoir d'un orc, Gul'dan. Medivh, jeune prétendant à la succession du Conjureur du Royaume d'Azeroth, sous Wrynn III, subit un grave traumatisme durant ses jeunes années. Après cet incident, <a href="#">Medivh</a> ouvrit une porte entre le Royaume d'Azeroth et le monde des orcs, permettant à ces deux univers de communiquer. Le sorcier dût se reposer plusieurs années, mais il ne se remit jamais de cette expérience qui l'amena peu à peu sur les rives de la folie. Une soif de domination grandit en lui, et il se découvrit bientôt des dons cachés qui lui permettraient, croyait-il alors, d'assouvir sa soif. Pendant ce temps, les orcs, créatures violentes et avides de conquêtes, s'engouffraient plus nombreux chaque jour dans la brèche ainsi ouverte et eurent le projet d'asservir <a href="#">Azeroth</a> et ses habitants. On découvrit peu avant la fin de <a href="#">la Première Guerre</a> qu'il était corrompu par le maître démon Sargeras qui s'était incrusté en lui avant sa naissance. On le fit assassiner, mais c'était déjà trop tard, car les orcs avaient déjà rasé la forteresse de Stormwind.</div>
<div class="boxfoot"></div>
</div>
</div>
<div id="footer" align="center"><!-- IL EST INTERDIT DE SUPPRIMER CE COPYRIGHT -->
© 2007 Design par <a href="http://www.kitgraphique.net/designers/klm.html">KLM</a> pour <a href="http://www.kitgraphique.net">Kitgraphique.net</a></div>
</div>
</body>
</html>
Code CSS:
html, body{
margin:0px;
padding:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
background-image:url(../images/bg_black.gif);
color:#63491B;
}
a:link{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#e32d3a;
text-decoration:underline;
}
a:hover{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#9C141F;
text-decoration:none;
}
a:visited{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#e32d3a;
}
#header{
position:absolute;
left: 0px;
width: 100%;
height:45px;
background:url(../images/top_repeat.gif) repeat;
top:0px;
}
#subheader{
position:absolute;
left: 0px;
width: 100%;
height:103px;
background:url(../images/header.gif) no-repeat;
top: 45px;
z-index:1000;
}
.bgcontent{
background:url(../images/content_bg.jpg) repeat-y;
position:absolute;
top:148px;
left:237px;
height:auto;
width:660px;
}
.content{
height:auto;
width:601px;
/*background:url(../images/bg_site.jpg) repeat-y;*/
margin:auto;
padding:6px;
}
#bg{
background:url(../images/bg.jpg) no-repeat;
height: 950px;
width: 1280px;
position:absolute;
top: 45px;
left: 0px;
}
.news{
color:#774c3e;
position:absolute;
height:41px;
width:209px;
left: 156px;
top: 42px;
}
.search{
position:absolute;
height:41px;
width:201px;
left: 670px;
top: 41px;
color:#774c3e;
}
.search_field{
background-color:#000000;
border: #333333 1px solid;
font-size:9px;
color:#e32d3a;
margin-right:3px;
}
.search_button{
color:#e32d3a;
background-color:#000000;
border: #333333 1px solid;
font-size:9px;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
height:17px;
width:26px;
}
#MENU {
position:absolute;
width:148px;
height:534px;
z-index:1001;
left: 100px;
top: 148px;
}
.liens{
background:url(../images/cote_menu.gif) repeat-y;
padding:0 6px 0 6px;
height:auto;
}
.bouton{
background:url(../images/btn.jpg) no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
color:#e32d3a;
height:19px;
width:118px;
font-weight:bold;
padding-top:4px;
padding-left:20px;
}
.menu_content{
padding:3px 6px 3px 6px;
color: #CCCCCC;
width:auto;
clear:both;
}
.box{
width:583px;
}
.boxhead{
background:url(../images/box_top.gif) no-repeat;
height:27px;
width:548px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
padding-top:10px;
padding-left:35px;
}
.boxcontent{
background:url(../images/box_cotes.gif) repeat-y;
width:543px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
}
.boxfoot{
background:url(../images/box_bottom.gif) no-repeat;
height:20px;
width:583px;
}
#footer{
height:85px;
background:url(../images/footer.gif) repeat-x bottom;
color:#333333;
padding-top:55px;
}
Je vous remercie d'avance car sans vous je devrais attendre 2 semaines avant d'avancer, et en deux semaines avec cette include mise en place je pourrais vraiment bien avancer.
Merci à vous, et à ce site
KoosMax@hotmail.fr