[PHP-JS] div et PHP incompatibles ?
Je vais essayé de faire crout, voici mon fichier php et mon but est d'afficher quelque chose avec du code php. Ici il s'agit d'un teste en vu de faire un include suivant les clics du menu. Je pense que vous comprendrez ce que je veus faire. le problème est que déjà rien qu'avec le teste je calle... En effet ma page refuse d'afficher quoique ce soit là où je le souhaite...
Voici le code de la page "index.php" :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Gametest</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Gametest" href="index.css" />
</head>
<body>
<div id="logo">
<p>logo</p>
</div>
<div id="bannière">
<p>bannière</p>
</div>
<div id="menu">
<ul>
<li><a href="index.php?page=accueil">Accueil</a></li>
<li><a href="index.php?page=test">Test</a></li>
<li><a href="index.php?page=recherche">Recherche</a></li>
<li><a href="\forum\">Forum</a></li>
<li><a href="mailto:ryuuku.kun@gmail.com">Contact</a></li>
</ul>
</div>
<div id="pub_droite">
<p>Bannière pub de droite</p>
</div>
<div id="corps">
<p>
<?php
echo "Celle-ci a été écrite entièrement en PHP via un include.";
?>
</p>
</div>
<div id="pub_bas">
<p>Bannière pub du bas</p>
</div>
<div id="pied_de_page">
<p>Copyright etc...</p>
</div>
</body>
</html> |
Et au cas où qu'on me le demande, le code CSS correspondant :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88
|
body
{
width :860px;
margin :auto;/* Pour centrer notre page */
margin-top: 20px;/* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px;/* Idem pour le bas du navigateur */
background-image: url("images/fond.png");/* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
/*L'en-tête*/
#logo
{
width: 140px;
height: 140px;
background-image: url("images/logo.png");
background-repeat: no-repeat;
margin-bottom: 20px;
border: 1px solid black;/*juste pour test, on le retire ensuite*/
float : left;
}
#bannière
{
height: 140px;
background-image: url("images/banniere.png");
background-repeat: no-repeat;
margin-bottom: 20px;
margin-left: 160px;
border: 1px solid black;/*juste pour test, on le retire ensuite*/
}
/*Le menu*/
#menu
{
float: left; /* Le menu flottera à gauche */
width: 140px; /* Très important : donner une taille au menu */
border: 1px solid black;
margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
#menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
}
#pub_droite
{
width : 100px;
float : right;
margin-bottom : 20px;
border: 1px solid black;
}
/* Le corps de la page */
#corps
{
height: 600px;
margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-right : 120px;
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
border: 1px solid black;
}
html>body #corps /*astuce permettant de mettre une hauteur minimum sous firefox, le cadre s'agrandira si texte plus long*/
{
height: auto;
min-height: 600px;
}
#pub_bas
{
height : 100px;
margin-bottom : 20px;
border: 1px solid black;
}
#pied_de_page
{
padding: 5px;
text-align: center;
border: 1px solid black;
}*/ |
j'avoue ne pas du tout comprendre car normalement ça devrait fonctionner.:oops: