Probléme php include css

Résolu/Fermé
soufiaane Messages postés 12 Date d'inscription samedi 12 décembre 2009 Statut Membre Dernière intervention 20 janvier 2011 - 22 déc. 2009 à 18:07
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 22 déc. 2009 à 20:52
Bonjour,
je travail sur mon 1er site web et j'ai un gros probléme sur l'application des fichiers css

je commence ma page index avec la fonction include() pour inclure les pages de base (bannière, menu, footer, ..), et puis je travail sur chaque page !

par exemple je travailler sur la page bannière
la page seule marche tres bien avec son fichier css mais quand je l'inclus sur la page index je ne vois que du text sans appliquer les commande css !

je vous montre le script

---------------------------------index.php------------------------------------------

<!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>titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css/design.css" />
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />

</head>

<body>

<div id="haut">
<?php include("haut.php");?>
</div>

<div id="corp">
<?php include("corp.php");?>
</div>

<div id="menu">
<?php include("menu.php");?>
</div>

<div id="pied">
<?php include("pied.php");?>
</div>

</body>
</html>

-------------------------------------------------------design.css-----------------------------------------------------
body
{
background-color:#546A5E;
}

#haut
{
top: 0;
width:950px;
height:100%;
margin-left: 65px;
border: 2px solid gold;
margin-bottom: 5px;
}

#menu
{
background-color: #546A5E;
top: 7;
left: 25%;
float: left; /* Le menu flottera à gauche */
width: 16%; /* Très important : donner une taille au menu */
height:500px;
border: 2px solid black;
margin-bottom: 5px;
margin-left: 65px;
border: 2px solid green;
}

#corp
{
background-color:#546A5E;
top: 7;
left: 50%;
margin-left: -350px;
width: 740px;
height: 500px;
position: absolute;
margin-bottom: 5px;
border: 2px solid red;
}


#pied
{
clear:both;
margin-left: 65px;

width: 950px;
margin-bottom: 5px;
border: 2px solid blue;
bottom :0;
}
-------------------------------------------------------------------haut.php---------------------------------------------
<!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>Dofus-Freak est un Fan site de dofus un MMPORG multijoueurs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="tete" href="css/tete.css" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
</head>
<body>
<p>jkhkjhkj kjhkjhkjhjk</p>

</body>
</html>
-------------------------------------------------------------------tete.css---------------------------------------------
body {

color:black;
background-color:black;


}

p {
color: blue;
font-size: 18px;
font-weight: bold;
}

------------------------------------------------------------------------------------------------------------------------
voilà et un grand merci a vous en avance
A voir également:

4 réponses

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
22 déc. 2009 à 18:15
Normal...
Tu inclus une page html complète dans un body.

Tu dois donc te retrouver un code du genre pour ta page index :


<body>
<div id="haut">
<!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>Dofus-Freak est un Fan site de dofus un MMPORG multijoueurs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="tete" href="css/tete.css" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
</head>
<body>
<p>jkhkjhkj kjhkjhkjhjk</p>

</body>
</html> 
</div> 


Ça ne peut pas fonctionner ! Tout ce que tu inclus ne doit comporter ni de doctype, ni de head, ni de body.
0
soufiaane Messages postés 12 Date d'inscription samedi 12 décembre 2009 Statut Membre Dernière intervention 20 janvier 2011
22 déc. 2009 à 18:18
pas vraiment compris ? mais comment on doit diviser la pages sur des parties sans devoir inclure chaque partie comme une page html ??
0
soufiaane Messages postés 12 Date d'inscription samedi 12 décembre 2009 Statut Membre Dernière intervention 20 janvier 2011
22 déc. 2009 à 18:46
plus précisement comment inclure une page avec son code css dans une autre page qui est avec son code css aussi ??
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
22 déc. 2009 à 20:52
Non, tu ne peux pas inclure une autre page avec son code css propre, du moins, pas avec un code css contradictoire. Car ce sera toujours la dernière propriété qui l'emportera sur les autres.

Donc, de ton "haut.php" on ne peut retenir que le <p>jkhkjhkj kjhkjhkjhjk</p> et rien d'autre.
Si tu veux que ce texte apparaisse en bleu, il faut que ta feuille de style "design.css" le précise de la façon suivante :

#haut p {
color:blue;
}

Il n'y aura donc ainsi que les paragraphes placés dans le <div id="haut"> qui seront en bleu (et donc pas besoin de tete.css)
0