Probléme php include css
Résolu
soufiaane
Messages postés
12
Date d'inscription
Statut
Membre
Dernière intervention
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Probléme php include css
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
4 réponses
Normal...
Tu inclus une page html complète dans un body.
Tu dois donc te retrouver un code du genre pour ta page index :
Ça ne peut pas fonctionner ! Tout ce que tu inclus ne doit comporter ni de doctype, ni de head, ni de body.
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.
pas vraiment compris ? mais comment on doit diviser la pages sur des parties sans devoir inclure chaque partie comme une page html ??
plus précisement comment inclure une page avec son code css dans une autre page qui est avec son code css aussi ??
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 :
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)
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)
