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 :

Simplifacation du code CSS...


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    50
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2005
    Messages : 50
    Points : 37
    Points
    37
    Par défaut Simplifacation du code CSS...
    Bonjour...

    Pour mon site, j'ai un fichier CSS appelé par chacuen des pages.

    En voici un extrait...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    p.noir
    { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
      font-size: 12px;
      color: black;
      background-color: transparent;
      text-align: left;
      margin-left: 5px;
      margin-right: 5px;
    }
     
    p.bleu
    { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
      font-size: 12px;
      color: blue;
      background-color: transparent;
      text-align: left;
      margin-left: 5px;
      margin-right: 5px;
    }
     
    p.vert
    { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
      font-size: 12px;
      color: green;
      background-color: transparent;
      text-align: left;
      margin-left: 5px;
      margin-right: 5px;
    }
     
    p.rouge
    { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
      font-size: 12px;
      color: red;
      background-color: transparent;
      margin-left: 5px;
      margin-right: 5px;
    }
    Existe-t'il un moyen de faire plus simple et aussi moins lourd en poids ?

    Merci d'avance...

  2. #2
    Membre actif Avatar de AlphaYoDa
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2004
    Messages : 213
    Points : 210
    Points
    210
    Par défaut
    Salut
    tu peux regrouper tout les attributs communs dans :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    p.noir, p.bleu, p.vert, p.rouge {
    ..
    }

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    50
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2005
    Messages : 50
    Points : 37
    Points
    37
    Par défaut
    Merci du conseil. Mais alors, comment faire pour séparer l'attribut différent (font-color) ?

    Faire quelque chose du genre...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    p.noir, p.bleu, p.vert, p.rouge 
    { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; 
      font-size: 12px; 
      background-color: transparent; 
      margin-left: 5px; 
      margin-right: 5px; 
    } 
     
    p.noir { color: black; } 
     
    p.bleu { color: blue; } 
     
    p.vert { color: green; } 
     
    p.rouge { color: red; }
    C'est autorisé ?

  4. #4
    Membre actif Avatar de AlphaYoDa
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2004
    Messages : 213
    Points : 210
    Points
    210
    Par défaut
    exactement oui

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    50
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2005
    Messages : 50
    Points : 37
    Points
    37
    Par défaut
    Je vais donc simplifier ç atout de suite et vopir combien de vais gagner...

    Au débat : 815 lignes et 22 ko...
    A l'arrivée : ???

    Merci beaucoupde ton aide AlphaYoDa...

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

Discussions similaires

  1. Duplication code css, comment y remédier ?
    Par sunshine33 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 26/04/2006, 14h53
  2. [Dreamwaver] Mise en page/forme du Code css html,js,php..
    Par acceso dans le forum Dreamweaver
    Réponses: 1
    Dernier message: 04/03/2006, 18h05
  3. difficulté à appliquer les classes avec un code css
    Par pharaonline dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 24/02/2006, 15h52
  4. Code CSS propre
    Par keawee dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 21/10/2005, 21h59
  5. coller de div avec un code css identique.
    Par samourai_alex dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 29/07/2005, 20h16

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