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 :

Utiliser plusieurs CSS (une pour le texte, une pour le positionnement)


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Doctorant en Astrophysique
    Inscrit en
    Mars 2009
    Messages
    312
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Doctorant en Astrophysique
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2009
    Messages : 312
    Par défaut Utiliser plusieurs CSS (une pour le texte, une pour le positionnement)
    Bonjour.

    Je débute en XHTML/CSS/PHP et j'aurai voulu savoir comment utiliser plusieurs fichiers css (un pour gérer le positionnement/design général et un autre pour gérer le texte et le contenu). Les tutos que j'ai trouvé expliquent comment utiliser plusieurs css mais à vocation "alternative", là il s'agirait d'utiliser plusieurs css dans le seul but d'en faciliter la maintenance (parce que mon .css original commence à être vraiment grand).

    Merci beaucoup

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Il faut simplement déclarer deux feuilles de style dans chaque page :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <link href="style-texte.css" type="text/css" rel="stylesheet" />
    <link href="positionnement.css" type="text/css" rel="stylesheet" />

  3. #3
    Membre éclairé
    Homme Profil pro
    Doctorant en Astrophysique
    Inscrit en
    Mars 2009
    Messages
    312
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Doctorant en Astrophysique
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2009
    Messages : 312
    Par défaut
    Merci, mais ça n'a pas l'air de fonctionner (seule la première semble être prise en compte).

    A quel niveau pourrait se situer le problème ?

    Merci


    EDIT: après certains tests, il apparaitrait que l'ordre des éléments "rel","media","type","title" et "href" à l'intérieur de la balise link est important pour faire fonctionner plusieurs .css.
    Je teste et je vous en dis plus...

    EDIT2: alors en fait apparemment quand je ne met pas l'élément title ça se passe bien... mais pourquoi donc ?

Discussions similaires

  1. [Plugin] Utiliser plusieurs fois je même jqgrid dans une page
    Par Christophe Charron dans le forum jQuery
    Réponses: 0
    Dernier message: 06/10/2012, 17h26
  2. Réponses: 5
    Dernier message: 27/09/2009, 11h04
  3. passer du texte + une requête sql dans une variable
    Par Giantrick dans le forum Langage
    Réponses: 3
    Dernier message: 18/04/2007, 18h15
  4. [HTML] Donner la valeur d'une liste d'option à une zone de texte
    Par beegees dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 29/08/2006, 16h34
  5. copie d'une table Y d'une base A vers une table X d'une base
    Par moneyboss dans le forum PostgreSQL
    Réponses: 1
    Dernier message: 30/08/2005, 21h24

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