[RESOLU] Probleme Include et CSS !

Bonsoir,

je ne sais pas si je poste dans le bon forum, désolé si ce n'est pas la cas !

Donc je vais essayé de vous expliqué mon problème en espérant y trouver une solution...

Je suis entrain de crée un site qui va demandé pas mal de MAJ et un gros contenu (au niveau des pages), ni connaissant rien en PhP j'ai quand même réussis a utiliser la fonction Include (yeah! ) Jusqu'au moment ou ...

Mon site se présente comme ça

Racine/
Pages Génerales (PhP)
Images (dossier)----> Toutes les images du site
Include(dossier) ---> fichier PhP
Rubriques(dossier) ----> Fichier PhP
Musique(dossier)----> Pages Musique PhP

Petite explication:

Étant donné que le site sera très fourni + ou - 150 pages je ne voulais pas tout avoir dans sous "www" donc j'ai décidé de classer les pages dans des divers dossiers avec le même nom que mes rubriques , j'espère que vous me suivez encore !

La fonction Include et le CSS marche très bien pour les pages générales seulement impossible de faire apparaitre Ni Le CSS ni les différentes Include dans les pages du Dossier Musique...

J'ai essayé plusieurs choses mais rien n'y fait !

Treve de bavardage je vous place mon css, ma page generale musique, mon include menu et ma page dans le dossier musique !

CSS.

Body
{
background-color: #000000;
} 

/*//////////////////////////////////// Header ////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/

#Header
{
width: 1000px;
height: 266px;
background-image:url("images/header.png");
background-repeat:no-repeat;
margin: 0 167px;
padding: 0;
}

/*///////////////////////////////Actualité///////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/

#Actualites
{
width: 322px;
height: 285px;
background-image: url("images/actualites.png");
margin: 25px 0 0 0;
padding: 70px 0 0 0;
position: absolute;
background-repeat: no-repeat;
line-height: 25px;
list-style: none;
}

#Actualites a
{
font-family: Cambria, Calibri, sans-serif;
font-size: 13px;
color: #000000;
margin: 0;
padding: 0 0 0 55px;
text-decoration: none;
font-weight: bold;
display: block;
}

#Actualites a:hover
{
color: #ffffff;
}


/*//////////////////////////////////// Sommaire ////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/

#Sommaire
{
width: 1000px;
height: 114px;
Background-image: url("images/sommaire.png");
Background-repeat: no-repeat;
font-weight: bold;
margin: 0 164px;
padding: 0;
}

/*//////////////////////////////////// Menu ////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/

#Menu
{
margin: 0;
padding: 7px 0 0 118px;
}

#Menu dl /*////////////// Menu/////////////*/
{
height: 40px;
width: 110px;
margin: 0;
padding: 0;
display: block;
float: left;
text-align: center;
cursor: pointer;
border: solid 1px black;
position: relative;
z-index: 2;
}

#Menu dl:hover
{
background-color: #333333;
}

#Menu dt
{
display: block;
height: 40px;
color: white;
line-height: 40px;
font-family: Cambria, Arial, sans-serif;
font-size: 13px;
}

#Menu dt a
{
color: #ff0078;
text-decoration: none;
}

#Menu dt a:hover, a:visited
{
color: #ffffff;
text-decoration: none;
}

#Menu dl dd
{
display: none;
}

#Menu dl:hover dd
{
display: block;
}

#Menu dd /*///////////////////Sous Menu/////////////*/
{
margin: 0;
padding: 0;
display: block;
background-color: #333333;
}

#Menu dd ul
{
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}

#Menu dd ul li 
{
border: solid 1px black;
}

#Menu dd ul li:hover
{
background-color: #696969;
border: solid 1px black;
}

#Menu dd ul li a
{
color: #ff0078;
font-family: Cambria, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
line-height: 30px;
}

#Menu dd ul li a:hover, a:visited
{
color: #fa9ac7;
text-decoration: none;
}

/*//////////////////////////////////// Rubriques ////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/

#Rubrique
{
width: 322px;
height: 285px;
margin: 190px 0 0 0;
padding: 0 0 0 0;
position: absolute;
}

#Rubriquehaut
{
width: 322px;
height: 56px;
margin: 0;
padding: 0;
background-image:url("images/hautmenu.png");
background-repeat:no-repeat;
}

#Rubriquecontenu
{
width: 322px;
margin: 0;
padding: 0;
background-image:url("images/contenumenu.png");
background-repeat: repeat-y;
}

#Rubriquecontenu span
{
width: 210px;
height: 250px;
color: black;
font-family: Cambria, Calibri, sans-serif;
font-size: 14px;
margin: 0;
padding: 0 10px 0 55px;
font-weight: bold;
overflow: auto;
display: block;
}

#Rubriquecontenu li
{
list-style: none;
line-height: 20px;
margin : 0;
padding: 0;
}

#Rubriquecontenu a
{
color: #000;
text-decoration: none;
margin : 0;
padding: 0 0 0 10px;
}

#Rubriquecontenu a:hover
{
color: white;
text-decoration: none;
}
#Rubriquebas
{
width: 322px;
height: 104px;
margin: 0;
padding: 0;
background-image:url("images/basmenu.png");
background-repeat:no-repeat;
}

/*//////////////////////////////////// Contenu ////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

#Contenu
{
width: 1000px;
margin: 0 164px;
padding: 0;
background-image: url("images/contenu.png");
background-repeat: repeat-y;
}

#Contenu span
{
color: white;
font-family: Cambria, Calibri, sans-serif;
font-size: 14px;
margin: 0 auto;
padding: 0 190px;
display: block;
font-weight: bold;
text-align: justify;
}

#Contenu h1
{
font-size: 26px;
display: inline;
}

#Contenu h2
{
color: #333333;
font-size: 14px;
font-style: italic;
display: inline;
}

#Contenu h3
{
color: #000;
font-size: 40px;
text-decoration: underline;
display: inline;
}

#Contenu a
{
color: #ff007e;
font-size: 14px;
text-decoration: none;
}

#Contenu a:hover
{
color: white;
font-weight: bold;
font-size: 14px;
text-decoration: underline;
}

#Contenu img
{
margin: 0 330px;
padding: auto;
position: relative;
z-index: 1;
	}

/*//////////////////////////////////// Layers ////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/

#Layers
{
width: 1000px;
height: 184px;
margin: 0 164px;
padding: 0;
background-image: url("images/layers.png");
background-repeat: no-repeat;
}

#Layers span
{
color: white;
margin: 0;
padding: 15px 0 0 300px;
display: block;
}

#Layers p
{
margin: 0;
padding: 0 0 0 195px;
display: inline;
}

#Layers a
{
color: #ca6ef9;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}

#Layers a:hover
{
color: white;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}

Page Generale Musique.

<!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>.: Le Pirate :. Magazine artistique sur le net !</title>
	   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	   <link rel="icon" type="image/png" href="favicon.png">
	   <link rel="stylesheet" media="screen" type="text/css" title="Pirate" href="pirate.css" />
   </head>
   <body>
		<?php include("/include/header.php");?>
			<?php include("/include/actualites.php");?>
				<?php include("/include/sommaire.php");?>
					<?php include("/rubriques/rmusique.php");?>
							<div id="Contenu">
						</div>
                 <?php include("/include/layers.php");?>
   </body>
</html>

Page appellé par l'include de mon menu musique

<div id="Rubrique">
	<div id="Rubriquehaut"></div>
		<div id="Rubriquecontenu"><span>
			<li><a href="/Pirate/musique/june.php">June</a></li>
			<li><a href="#">NDG 13</a></li>
			<li><a href="#">K-LBASS</a></li>
			<li><a href="#">The Deadlies</a></li>
			<li><a href="#">Nasser</a></li>
			<li><a href="#">Monday Morning</a></li>
			<li><a href="#">Steve Villa-Massone</a></li>
			<li><a href="#">Louise Delaigue</a></li>
			<li><a href="#">Jocelyn Mayor</a></li>
			<li><a href="#">Victori 4</a></li>
			<li><a href="#">Hotel</a></li>
			<li><a href="#">M.Pokora</a></li>
			<li><a href="#">Gary Nock</a></li>
			<li><a href="#">Bella Foulon</a></li>
			<li><a href="#">David Diem</a></li>
			<li><a href="#">Borea</a></li>
			<li><a href="#">Phillipe Champagne</a></li>
			<li><a href="#">MC Galere</a></li>
			<li><a href="#">Lakero</a></li>
			<li><a href="#">Loren'Co</a></li>
			<li><a href="#">Michael Jackson</a></li>
			<li><a href="#">Aa Philip</a></li>
			<li><a href="#">Manymall</a></li>
			<li><a href="#">Noir Desir</a></li>
			<li><a href="#">L'algérino</a></li>
			<li><a href="#">Emily Lady</a></li>			
			<li><a href="#">Indochine</a></li>				
			<li><a href="#">Benoit Boronat</a></li>				
			<li><a href="#">Machine En Roots</a></li>				
			<li><a href="#">nOem</a></li>				
			<li><a href="#">Stromae</a></li>				
			<li><a href="#">Sohan</a></li>				
			<li><a href="#">Greg Fontaine</a></li>				
			<li><a href="#">Maxence</a></li>				
			<li><a href="#">Zoe Avril</a></li>							
				</span></div>
			<div id="Rubriquebas"></div>

</div>

Page dans le dossier Musique.

!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>.: Le Pirate :. Magazine artistique sur le net !</title>
	   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	   <link rel="icon" type="image/png" href="favicon.png">
	   <link rel="stylesheet" media="screen" type="text/css" title="Pirate" href="pirate.css" />
   </head>
   <body>
		<?php include("Pirate/include/header.php");?>
			<?php include("actualites.php");?>
				<?php include("sommaire.php");?>
					<?php include('rmusique.php');?>
							<div id="Contenu"></div>
                 <?php include("include/layers.php");?>
   </body>
</html>

Voila j'espère que je ne vais pas vous piquer les yeux avec ces codes !

Merci a ceux qui prendrons le temps de me répondre !

Bonne soirée !
Modifié par Taikoff (08 Oct 2010 - 14:47)

Salut,
Je pense que ton soucis vient de tes chemins ( Si j'ai bien tout compris, c'est pas très clair entre page musique, menu musique, page dans musique... ).
Essaie de mettre dans l'appel de ton css : ../nomFichier.css
et dans tes includes: ../include/nomFichier.php

le ../ sert à remonter dans ton arborescence.

Effectivement ce n'est pas très clair, j'ai essayer de faire au mieux..

Malgré toutes mes tentatives je n'est pas réussi a régler le problème, mais je vais essayer avec les ".." devant le "/" chose que je n'avait pas faite !

Merci d'avoir pris le temps de me répondre, je te tiendrais au courant si cela fonctionne !

Malgré mes heures à essayer hier au soir, ta solution était effectivement la bonne ...

J'avais placé le "/" devant sans mettre les ".."...

Mis l'élément BASE...

Rien n'y faisait, HONTE à MOI

Je te remercie grandement vdo !

Sur ce je vais continuer mon projet sereinement!

Encore un grand merci et à la prochaine !