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 :

Une colle CSS


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    38
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 38
    Par défaut Une colle CSS
    Bonjour,

    J'aimerais pouvoir declarer dans mon CSS un type de table avec ses propriétés, celles des <th>, <tr> et <td> inclus dans cette table...

    ...ainsi lorsque j'aurai ma table en html je n'aurais plus qu'a mettre ceci:

    <table class="monType1">


    ...et toute ma table sera formé avec par ex un style de texte pour les titres (<th>), un autre pour les cellules classiques ... sans que j'ai besoin de redefinir a chaque fois <td CLASS="typeTd1"> ...

    Est ce possible de tout exporter comme je l'ai expliqué dans la CSS ??

    J'ai cherché mais je trouve rien de tel


    Merci

    Gael

  2. #2
    Membre à l'essai
    Inscrit en
    Février 2004
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 6
    Par défaut
    Tu n'as pas du bien chercher alors
    Si j'ai bien compris tu veux faire :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    table.monType1 { /*style du tableau*/ }
    table.monType1 th { /*style de l'entete du tableau*/ }
    table.monType1 tr { /*style des lignes du tableau*/ }
    table.monType1 tr td { /*style des cellules des lignes du tableau*/ }

    Comme ça du défnit tout ton tableau avec une seule classe. J'espère que c'était bien ta question !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    442
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 442
    Par défaut
    Je ne suis pas sur de la syntaxe, as-tu essayé:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    table.monType1 td { [...] }
    pour définir le style de tous les td faisant partie de la table de classe monType 1 ?

    [Edit] Arf, fx a été plus rapide que moi, mais ça confirme que la syntaxe est correcte... un petit résolu ? [/Edit]

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    38
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 38
    Par défaut
    Citation Envoyé par fx_251
    Tu n'as pas du bien chercher alors
    Si j'ai bien compris tu veux faire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    table.monType1 { /*style du tableau*/ }
    table.monType1 th { /*style de l'entete du tableau*/ }
    table.monType1 tr { /*style des lignes du tableau*/ }
    table.monType1 tr td { /*style des cellules des lignes du tableau*/ }
    Comme ça du défnit tout ton tableau avec une seule classe. J'espère que c'était bien ta question !
    Je vais essayer mais oui apparemment c exactement ca que je recherche !

    merci


    PETITE QUESTION SUBSIDIAIRE:

    Comment je peux faire pour que mes lignes pair-impair soient alternativement d'une couleur différente, tjours en essayant d'exporter un maximum dans le CSS ?

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    38
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 38
    Par défaut
    Citation Envoyé par Gaara
    Ca confirme que la syntaxe est correcte... un petit résolu ?
    Oui la syntaxe est correcte, ...le probleme est resolu. Est ce que je mets le post resolu pour poser ma seconde question (ci dessus dans le post precedent) dans un autre post ? ou je laisse celui ci ouvert ?

    Gael

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    442
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 442
    Par défaut
    Impossible uniquement par CSS.

    Il faut spécifer la classe paire ou impaire à chaque tr...
    Tu peux automatiser la chose avec un langage serveur.

    une petite recherche google

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    38
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 38
    Par défaut
    Citation Envoyé par Gaara
    Impossible uniquement par CSS.

    Il faut spécifer la classe paire ou impaire à chaque tr...
    Tu peux automatiser la chose avec un langage serveur.

    une petite recherche google
    Ok merci

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

Discussions similaires

  1. Réponses: 1
    Dernier message: 08/05/2006, 15h33
  2. Appeler une classe CSS avec Javascript
    Par p0Kep0K dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 13/02/2006, 14h50
  3. Changer une propriété css d'un div en cliquant sur un lien
    Par Le Mage Noir dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 26/01/2006, 15h13
  4. Différence entre méthode d'inclusion d'une feuille CSS
    Par Death83 dans le forum Mise en page CSS
    Réponses: 14
    Dernier message: 11/01/2006, 15h00
  5. Animation d'une image / CSS
    Par Trunks dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 05/12/2005, 15h58

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