PHP et CSS
Philo
-
Philo -
Philo -
Bonjour tous le monde !
Voilà j'ai besoin de vos lumieres :)
J'ai ma page site.php qui appel plusieurs pages , comme le header , le body , le footer et meme le menu.
Donc tous est importer dans une seule et meme page , le code est donc plus leger !
Mais voilà comment importer ma CSS dedans ?
J'ai beau avoir tous essayer rien ne s'affiche !
alors voici mon code :
____________________________________________________________________________________________
<!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 du Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" media="screen" type="text/css" title="Site" href="/opt/lampp/htdocs/Site.css" />
</head>
<body>
<div id="Global">
<?php require_once("Entete.php");
include("Entete.php");
?>
<?php include("Menu.php"); ?>
<?php include("Corps.php"); ?>
<?php include("Pied.php"); ?>
</div>
</body>
</html>
Voilà j'ai besoin de vos lumieres :)
J'ai ma page site.php qui appel plusieurs pages , comme le header , le body , le footer et meme le menu.
Donc tous est importer dans une seule et meme page , le code est donc plus leger !
Mais voilà comment importer ma CSS dedans ?
J'ai beau avoir tous essayer rien ne s'affiche !
alors voici mon code :
____________________________________________________________________________________________
<!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 du Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" media="screen" type="text/css" title="Site" href="/opt/lampp/htdocs/Site.css" />
</head>
<body>
<div id="Global">
<?php require_once("Entete.php");
include("Entete.php");
?>
<?php include("Menu.php"); ?>
<?php include("Corps.php"); ?>
<?php include("Pied.php"); ?>
</div>
</body>
</html>
Configuration: Linux / Firefox 3.5.8
1 réponse
-
Voici ma .css
____________________________________________________________________________________________
body
{
width: 900px;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
background-image: url("Sanstitre.png");
}
#Global
{
width: 900px;
height: 800px;
margin: auto;
background-image: url("");
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top: 0px;
border: 1px solid black;
border-top: 0px solid black;
}
#en_tete
{
width: 500px;
height: 200px;
background-image: url("/home/thomas/Images/Signature/Undisclosed.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menuhoriz
{
width: 900px;
height: 100px;
}
#onglets
{
font : bold 11px Batang, arial, serif;
list-style-type : none;
padding-bottom: 1px;
margin-left : 0;
}
#onglets li
{
float : left;
height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
background-color: #F4F9FD;
margin : 2px 2px 0 2px !important; /* Pour les navigateurs autre que IE */
margin : 1px 2px 0 2px; /* Pour IE */
border : 1px solid #9EA0A1;
}
#onglets li.active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}
#onglets a
{
display : block;
color : #666;
text-decoration : none;
padding : 4px;
}
#onglets a:hover
{
background : #fff;
}
#menu
{
float: right;
width: 210px;
height: 600px;
margin-right: 20px;
border: 0px solid black;
}
.element_menu
{
background-color: #626262;
background-image: url("/home/thomas/Images/Signature/Bliss.png");
background-repeat: repeat-x;
border: 0px solid black;
margin-bottom: 10px;
}
.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}
.element_menu a
{
color: #B3B3B3;
}
.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}
#News
{
margin-right: 250px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-repeat: repeat-x;
border: 1px solid black;
}
#Game
{
margin-right: 250px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 1px solid black;/
}
#Forum
{
margin-right: 250px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-image: url("/home/thomas/Images/Signature/Bliss.png");
background-repeat: repeat-x;
border: 1px solid black;
}
et un screen de Site.php
[url=https://www.casimages.com/i/100224063702596688.png.html][img]http://nsa12.casimages.com/img/2010/02/24/mini_100224063702596688.png/img/url
