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 :

[Débutant] Sélectionner une cellule précise dans une table avec un sélecteur


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Expert confirmé
    Avatar de Domi2
    Homme Profil pro
    Gestionnaire
    Inscrit en
    Juin 2006
    Messages
    7 194
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : Suisse

    Informations professionnelles :
    Activité : Gestionnaire
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juin 2006
    Messages : 7 194
    Par défaut [Débutant] Sélectionner une cellule précise dans une table avec un sélecteur
    Bonsoir,

    Cette discussion fait suite à celle-ci.

    Par exemple, une table avec quatre colonne et trois lignes :

    - 1 --> 4
    - 5 --> 8
    - 9 --> 12

    Le code HTML :

    Code html : 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
    <div class="table_une">
    <div class="table-wrap">
    <table class="confluenceTable">
    <tbody>
    <tr>
    <td class="confluenceTd">1</td>
    <td class="confluenceTd">2</td>
    <td class="confluenceTd">3</td>
    <td class="confluenceTd">4</td>
    </tr>
    <tr><td class="confluenceTd">5</td>
    <td class="confluenceTd">6</td>
    <td class="confluenceTd">7</td>
    <td class="confluenceTd">8</td>
    </tr>
    <tr><td class="confluenceTd">9</td>
    <td class="confluenceTd">10</td>
    <td class="confluenceTd">11</td>
    <td class="confluenceTd">12</td>
    </tr>
    </tbody>
    </table>
    </div>
    </div

    J'ai donc des balises "tr" et "td".

    Ce que je désire, c'est par exemple modifier la couleur de fond de la cellule six.

    J'ai essayé (assez naïvement) :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    tr:nth-child(2} td:nth-child(2}{background-color: navy;}
    Sans succès...

    J'ai fait bien des recherches, mais je n'ai pas trouvé de solution pour cibler une cellule bien précise.

    Est-ce possible ?

    Merci d'avance.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 232
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 232
    Par défaut
    Bonjour,
    attention à l'écriture il s'agit de parenthèse et non de crochet fermants
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    tr:nth-child(2) td:nth-child(2){
      background-color: navy;
    }

  3. #3
    Expert confirmé
    Avatar de Domi2
    Homme Profil pro
    Gestionnaire
    Inscrit en
    Juin 2006
    Messages
    7 194
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 65
    Localisation : Suisse

    Informations professionnelles :
    Activité : Gestionnaire
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juin 2006
    Messages : 7 194
    Par défaut
    Quel c.. !

    Débutant je suis, débutant je reste.

    Merci. Mon grand regret est de ne pas pouvoir t'accorder 20 votes

  4. #4
    Membre éprouvé
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Juillet 2014
    Messages
    92
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : Boutique - Magasin

    Informations forums :
    Inscription : Juillet 2014
    Messages : 92
    Par défaut
    Citation Envoyé par Domi2 Voir le message
    Merci. Mon grand regret est de ne pas pouvoir t'accorder 20 votes
    Si tout le monde s'y met, ça peut se faire.

    +1

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 30/11/2011, 11h09
  2. Réponses: 0
    Dernier message: 07/06/2009, 13h31
  3. Réponses: 7
    Dernier message: 13/12/2008, 10h31
  4. Rechercher une valeur précise dans une table
    Par tonton54 dans le forum MySQL
    Réponses: 5
    Dernier message: 28/10/2008, 16h58
  5. Alignement verticale dans une cellule td de tableau table
    Par Longrais dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 16/09/2005, 12h37

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