IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Css et pages incluses


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Étudiant
    Inscrit en
    Mars 2009
    Messages
    39
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2009
    Messages : 39
    Par défaut Css et pages incluses
    Bonjour,

    Je n'arrive pas à trouver comment modifier simplement le css selon la page qui est incluse dans ma page index (avec include en php).
    Je ne veux pas changer tout le css, juste quelques parties.

    Je veux notamment changer une background-img selon la page incluse.

    Un idée?

    Merci d'avance pour votre aide

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Mars 2007
    Messages : 83
    Par défaut
    Bonjour,

    Bon... ça manque un chouilla de contexte mais on doit pouvoir t'aider quand même
    La première idée qui me vient, c'est d'utiliser le principe de surcharge css. Au chargement de certaines page, tu inclus une nouvelle feuille css qui contient les modifications voulues. Cette feuille doit être appelée après la feuille principale, ainsi les propriétés viendront surcharger/écraser celles définies auparavant.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    Ex : 
     
    /*Dans ta feuillle principale*/
    div#main {
     background-image: url('img/mon_fond.jpg');
    }
     
    /*Dans ta feuillle secondaire*/
    div#main {
     background-image: url('img/mon_fond2.jpg');
    }
    Si la feuille secondaire est chargée après alors l'image de fond sera mon_fond2.jpg.

    Bon courage

  3. #3
    Membre averti
    Profil pro
    Étudiant
    Inscrit en
    Mars 2009
    Messages
    39
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2009
    Messages : 39
    Par défaut
    Merci pour ta réponse, je n'étais pas sur qu'on pouvait "écraser" les propriétés comme ca.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Smarty] Pbm en ISO-8859-1 sur les pages incluses. Solution sans utiliser UTF8?
    Par Invité dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 24/06/2008, 20h44
  2. [POO] page incluse via un .js n'effectue plus de js de son code.
    Par clara1 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 15/05/2008, 12h04
  3. probleme css avec page utlisant les includes php
    Par gaou2 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 24/06/2007, 08h54
  4. [html ou css]nouvelle page en cliquant sur le lien
    Par henri68 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 03/01/2006, 17h07
  5. lier dynamiquement un css à une page html
    Par Sheriff dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 30/08/2005, 11h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo