Comment avoir une seule feuille CSS dans un site comportant des rép ?

Comment avoir une seule feuille CSS dans un site comportant des rép ? - HTML/CSS - Programmation

Marsh Posté le 04-03-2005 à 15:10:39    

Bonjour tout le monde !
 
Je suis en train de m'attaquer à la mise en page d'un site comportant divers répertoires. Ces derniers contiennent les pages html des sous menus du site. Jusque là tout va bien ...
 
J'ai voulu mettre en place une feuille de style CSS et je l'ai mise à la racine du site, avec les pages principales. Pour dire à ces pages d'aller chercher les CSS, j'ai donc inclus dans le code, entre les 2 head, cette ligne :  

Code :
  1. <link href="style.css" rel="stylesheet" type="text/css">


 
Cependant, un problème se profile à l'horizon : étant donné que d'autres pages html se situent dans des répertoires (et non plus à la racine), comment leur indiquer d'aller chercher les CSS à la racine ? Il ne faut tout de même pas une feuille CSS dans chaque répertoire sinon l'intérêt de cette dernière devient nul ...  :heink:  
 
Je débute donc je n'utilise peut-être pas les termes adéquat mais j'espère avoir été assez clair ...
 
Merci d'avance pour votre aide !  :jap:


Message édité par belokan le 04-03-2005 à 15:12:37
Reply

Marsh Posté le 04-03-2005 à 15:10:39   

Reply

Marsh Posté le 04-03-2005 à 15:18:22    

Les autres pages sont-elles incluses (include php) dans une page principale ?


Message édité par FlorentG le 04-03-2005 à 15:18:33
Reply

Marsh Posté le 04-03-2005 à 15:26:56    

Euh .... oui oui !  :D  
 
Mais sérieusement, vu que je ne m'y connais pas en php (c'est l'oeuvre d'une autre personne ça), je ne sais pas si je vais pouvoir bien te renseigner.
Je pense qu'image sera plus parlante :  
http://ciaobelo.free.fr/Divers/PB_Css/PB_Css.JPG
 
Comment appliquer la feuille de style aux pages située dans FAQ/php ?


Message édité par belokan le 04-03-2005 à 15:28:28
Reply

Marsh Posté le 04-03-2005 à 15:28:15    

Impossible de le dire comme ça... Y'a quoi dans index.php ?

Reply

Marsh Posté le 04-03-2005 à 15:29:20    

FlorentG a écrit :

Impossible de le dire comme ça... Y'a quoi dans index.php ?


 
Lequel ? Celui de FAQ ou alors celui de FAQ/php ?

Reply

Marsh Posté le 04-03-2005 à 15:30:23    

Voici le code de la page index.htm située dans FAQ/php :

Code :
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <title>Document sans titre</title>
  5. <link href="style.css" rel="stylesheet" type="text/css">
  6. </head>
  7. <body>
  8. <p><a href="../../Centre.html">Accueil</a> &gt; Accueil FAQ </p>
  9. <p>Choix de la  FAQ :</p>
  10. <p><a href="Affiche%20FAQ.php?FAQ=telecom">T&eacute;l&eacute;communications</a></p>
  11. <p><a href="Affiche%20FAQ.php?FAQ=reseaux">R&eacute;seaux</a></p>
  12. <p>&nbsp;</p>
  13. <p><a href="Saisie%20Recherche.php">Recherher un mot cl&eacute;.</a> </p>
  14. </body>
  15. </html>


 
Ici on a réutilisé la commande pour aller trouver le CSS à la racine cependant, ce n'est plus valable ici car la feuille CSS se trouve à la racine du site et non pas dans FAQ/php ... hum ... c'est clair ?  :heink:


Message édité par belokan le 04-03-2005 à 15:32:26
Reply

Marsh Posté le 04-03-2005 à 15:36:38    

Ok, donc les pages ne sont apparemment pas incluses dans l'index, ce qui est très bof :/
 
Faut mettre le <link> dans toutes les pages, mais en référencant le lien en relatif, genre href="../style.css"

Reply

Marsh Posté le 04-03-2005 à 15:43:14    

FlorentG a écrit :

Ok, donc les pages ne sont apparemment pas incluses dans l'index, ce qui est très bof :/
 
Faut mettre le <link> dans toutes les pages, mais en référencant le lien en relatif, genre href="../style.css"


 
Si tu le dis ...  :jap:  
 
Qu'est-ce que cela changerait si les pages étaient incluses dans l'index ?

Reply

Marsh Posté le 04-03-2005 à 15:44:14    

Ben y'aurait pas besoin de mettre <link> partout, vu que les autres pages ne contiendrait que le contenu brut

Reply

Marsh Posté le 04-03-2005 à 15:46:06    

FlorentG a écrit :

Ben y'aurait pas besoin de mettre <link> partout, vu que les autres pages ne contiendrait que le contenu brut


 
Ah ok, je vois. On n'a pas énormément de pages, donc ça devrait aller s'il n'y a que ça, non ?
 
En tout cas, tes conseils pour le link marchent, merci beaucoup !  :jap:

Reply

Marsh Posté le 04-03-2005 à 15:46:06   

Reply

Marsh Posté le 04-03-2005 à 15:46:21    

Flo > on peut très bien mettre un lien absolu type  
href="/style.css"
 
ça ira chercher style.css à la racine du site :D


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-03-2005 à 15:47:40    

masklinn a écrit :

Flo > on peut très bien mettre un lien absolu type  
href="/style.css"
 
ça ira chercher style.css à la racine du site :D


Ou, soit relatif soit absolu :)
 
En fait le mieux serait d'avoir un dossier css à la racine, de tout mettre dedans, afin de pouvoir facilement le référencer en absolu :)

Reply

Marsh Posté le 04-03-2005 à 16:00:44    

En effet, ça marche aussi .. et c'est même encore plus simple.
 
Merci à vous 2 !  :jap:

Reply

Marsh Posté le 04-03-2005 à 22:49:33    

Mieux vaut mettre un lien absolut, comme ça, on a le même lien partout et si on déplace une page, on aura pas besoin de la modifier (ou du moins on aura pas besoin de modifier ce lien là).
 
Au fait, si le css référence des images à l'aide de lien relatif, les images indiqué dans le css le sont depuis le répertoire où il se trouve. Je sais, c'est hors sujet, mais au cas où, je le précise, ca évite de pas comprendre pourquoi des images s'affichent plus. ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed