Style tableau CSS chaque case une couleur

Résolu

flo39400 Messages postés 596 Date d'inscription Statut Membre Dernière intervention -
flo39400 Messages postés 596 Date d'inscription Statut Membre Dernière intervention - 20 sept. 2017 à 22:27

Bonjour,
J'aimerai savoir comment personnaliser un tableau ou l'on peu pas mettre de id ou de class au niveau des td et tr.

Merci d'avance de votre réponse.

Afficher la suite

A voir également:

Style tableau CSS chaque case une couleur
Tableau word - Guide
Style word - Guide
Tableau ascii - Guide
Trier un tableau excel - Guide
Imprimer tableau excel sur une page - Guide

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Bonjour,

Pour commencer.. j'ai déplacé ta question dans le "bon" forum : css.

Ensuite.... as tu moyen d'identifier le tableau lui même (via une class ou un id ) ou peut-être via son conteneur (si il est dans une div (avec id ou class) particulière par exemple .. ?

Si oui.. il te suffit de jouer avec les enfants (descendants) / Frères ....
=> regarde les "selecteurs" CSS.Tu vas trouver sans mal ta réponse.

Par exemple :https://code.tutsplus.com/fr/tutorials/the-30-css-selectors-you-must-memorize--net-16048

flo39400 Messages postés 596 Date d'inscription Statut Membre Dernière intervention 21

Merci de ta réponse, par exemple la j'ai un menu que j'ai défini en 100% sur les serveurs test tous ce passe bien, mais sur le serveur en ligne j'ai pas les 100%, cela fait que j'ai du blanc en haut voici le code :

body{
  font-family: 'Montserrat', sans-serif;
}
.btn-navigation{
 position: absolute;
 right: 30px;
 top: 30px;
 z-index: 20;
 cursor: pointer;
}
.btn-navigation .barre{
 width: 30px;
 height: 3px;
 margin-top: 3px;
 background: #111;
 transition: background .3s ease-in-out;
}
.btn-navigation .barre.white{
 background: #fff;
}
.navigation{
 position: fixed;
 right: 0;
 padding: 0 30px;
 background: #333;
 width: 20%;
 min-height: 100vh;
 transform: translateX(100%);
 transition: transform .6s ease-in-out;
}
.navigation.isOpen{
 transform: translateX(0%);
}
.navigation ul{
 list-style: none;
 position: absolute;
 top: 20%;
 transform: translateY(-50%);
 
}
.navigation ul li{
 margin: 10px 0;
 
}
.navigation ul li a{
 color: #fff;
 text-transform: uppercase;
 margin: 20px 0;
 text-decoration: none;
 letter-spacing: .070em;
 font-weight: 800;
 
}

code du menu:

<div class="btn-navigation">
 <div class="barre"></div>
 <div class="barre"></div>
 <div class="barre"></div>
</div>
<div class="navigation">
 <ul>
  <li>
   <a href="index.php" rel="nofollow noopener noreferrer" target="_blank">Home</a>
  </li>
  <li>
   <a href="index.php?inscription=1" rel="nofollow noopener noreferrer" target="_blank">Inscription</a>
  </li>
  <li>
   <a href="index.php?connection=1" rel="nofollow noopener noreferrer" target="_blank">Connection</a>
  </li>
  <li>
   <a href="#" rel="nofollow noopener noreferrer" target="_blank">News</a>
  </li>
  <li>
   <a href="#" rel="nofollow noopener noreferrer" target="_blank">Contact</a>
  </li>
 </ul>
</div>
<script src="js/jQuery.js"></script>
<script src="js/menu.js"></script>

Merci d'avance de votre réponse.

PS: le site de test si vous voulez aller voir : http://informatique-25.craym.eu

Réponse 2 / 2

flo39400 Messages postés 596 Date d'inscription Statut Membre Dernière intervention 21

J'ai trouvé juste ajouter

body
{
 margin: 0;
}

Discussions similaires

sertissage des cables rj45

Formule taux de marque

Votre réponse

Discussions similaires