Bonjour,
Vous utilisez souvent des tableaux dans vos pages, et parfois la lecture de nombreuses lignes et colonnes n'est pas aisée.
Il existe un moyen très simple de rendre nettement plus lisible vos tableaux. Cette méthode est ultra-simple, ne comporte pas de javascript et s'intègre complètement avec votre thème puisqu'elle utilise 2 classes bien connues, even et odd.
| Ligne | Jour | Température (°C) | Pluviométrie (ml)
| Indice de confiance | | 2 | Lundi | 18 | 0 | 4 | | 3 | Mardi | 12 | 0 | 4 | | 4 | Mercredi | 16 | 30 | 3 | | 5 | Jeudi | 19 | 20 | 3 |
La methode plus bas...
Méthode :
Pour chaque ligne de votre tableau, c'est à dire, pour chaque élément HTML < tr>, écrivez ceci :
<tr class="even" onmouseout="this.className='odd';" onmouseover="this.className='even';">
C'est tout !
Il existe une petite variante :
Si vous souhaitez que la ligne soit transformée lors de votre 1er passage de souris, alors supprimez dans le < tr>, l'élément "class=even".
Ca donnera ceci :
| Ligne | Jour | Température (°C) | Pluviométrie (ml)
| Indice de confiance | | 2 | Lundi | 18 | 0 | 4 | | 3 | Mardi | 12 | 0 | 4 | | 4 | Mercredi | 16 | 30 | 3 | | 5 | Jeudi | 19 | 20 | 3 |
|
