Style CSS pour les includes ??

02 déc. 2008, 21:00

Salut,
Voilà, je souhaiterais avoir un style.css différent pour toutes mes pages que je met en include, j'ai un style.css pour ma page index mais ensuite j'inclu toutes les autres pages sur cette page index, et je souhaiterais faire une autre feuille de style juste pour les pages que je vais inclure.
Est ce possible ?
Merci

02 déc. 2008, 21:10

sans problème, avec un peu de php ou des différenciations html/css, au choix.

La première technique peut être la plus simple à mettre en oeuvre ou pas, selon ton site. Dans l'idéal ça se résume à une simple condition

<?php if($lapageencours==$tapageindex) { 
echo '<link rel="stylesheet" type="text/css" href="index.css" />';
} else { 
echo '<link rel="stylesheet" type="text/css" href="ailleurs.css" />' ;
} ?>

au moment de l'écriture de la balise <link>.

La deuxième a l'avantage d'être universelle mais demande de la méthode dans l'écriture des directives css (préfixage par l'élément parent approprié, et éventuellement maîtrise des règles de cascade/surcharge). Il te faudra encadrer chacune de tes pages avec une balise portant un id ou une classe permettant de l'identifier dans ta feuille de style, puis de préfixer tes règles de style avec cet id (ou classe). Ca peut aussi se faire sur la balise <body>

Un petit exemple pour illustrer le propos :

Code : Tout sélectionner

body a{color:green;} /* des liens verts sur l'ensemble du site */
body#index a{color:red;} /* mais des liens rouges sur la page index 
Cette directive écrase la première car elle a une plus grande spécificité */

02 déc. 2008, 22:22

Ah bin je te remercie.
Voici ma page index.php en gros : ( schématisé )

<html>
<body>

<div id=header></div>
...


<? include('connexion'); ?>

<div id=footer></div>
</body>
</html>

Vois-tu, le header et le footer est géré par style.css avec tous les liens et tout.
Mais je veux que la page qui s'inclu utilise include.css.
Car j'ai un tableau sur la page index et pleins d'autres sur les pages d'include donc quelques soucis ^^

Je vais tester ta deuxième méthode car la premiere va surement me remplacer le style.css par include.css et donc m'afficher toute la page index comme si c'était une page include.
Je te remercie

Style CSS pour les includes ??

Qui est en ligne