PHPfrance

la communauté d'entraide francophone dédiée au PHP

Style CSS pour les includes ??

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Style CSS pour les includes ??

par the_grinch » 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 :)

Re: Style CSS pour les includes ??

par Calimero » 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é */

Style CSS pour les includes ??

par the_grinch » 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 :)