Style de tableau alterné

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Style de tableau alterné

    Bonjour à tous

    J'ai besoin d'aide en CSS pour réaliser un tableau.
    Je voudrais que les lignes impaires aient un arrière plan blanc et les lignes paires n’aient aucun arrières plan.

    Voici ce que j'ai réussi à faire mais ça ne marche pas :

    Code HTML:
    .Fiche {
    	margin:auto;
        padding:15px;
    	width:75%;
     	border:0px solid #666;
    	}
    
    .Fiche table tbody > tr:nth-child(odd) > td,
    .Fiche table tbody > tr:nth-child(odd) > th {
    	background-color: #dbdbdb;
    	padding:15px;
    }
    Sinon, voici un visuel de ce que je cherche à faire :
    Cliquez sur l'image pour l'afficher en taille normale

Nom : Fiche.jpg 
Affichages : 1 
Taille : 12,1 Ko 
ID : 1820472

    Si vous pouvez m'orienter, merci !

  • #2
    Re : Style de tableau alterné

    peut être que le Css est mal ciblé ?
    .Fiche table tbody > tr:nth-child(odd) > td la cible est

    cherche l'élement qui à la class .Fiche, trouve la table, le tbody, le TH directement en dessous et le TD directement en dessous.

    Déja il y a un illogisme, table tbody > tr:nth-child(odd) > td.
    simplement tr:nth-child(odd) > td fera la même chose car aucune relation d'enfant direct est stipulé.

    Et si cela ne fonctionne pas c'est que la table n'est pas dans .Fiche, ou que table est dans une autre table ...
    http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
    http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

    Commentaire


    • #3
      Re : Style de tableau alterné

      Merci electrocity, ça marche nickel !

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X