J'ai un tableau à 2 lignes, je souhaiterai diminuer la hauteur de la cellule du haut à 10 pxl sans recourir à des méthodes barbares telles que les "images d'un pixel de côté". Merci.

td {
  height: 10px;
}

ça fait 30 mns que je cherche comment mettre ça dans mon css je suis pas foutu de trouver

Tu l'appliques à quoi .tabletest ? à <table> ? Dans ce cas c'est pas bon puisque tu veux que ce soit tes cellules qui fassent 10 pixels de haut.
 
Soit tu ajoutes ce que j'ai écrit tel quel à ta feuille de style (mais toutes les cellules de tous les tableaux seront concernées).
 
Si tu veux te restreindre à ce tableau il faut l'écrire comme ça :
 
.tabletest td {
 height: 10px;
}

c'est bon, ça marche, j'ai fait mon css ainsi :
 

 
 
Le code du tableau :
 

 
Et ça roule, encore merci  

Ca marche mais ce que tu as écrit n'est pas logique.
 
Soit tu écris :
 

 
(ce qui signfie : pour tout élément <td> contenu dans un élément qui possède la classe "tabletest" )
 
et :
 

 
Soit :
 

 
(qui signifie pour tout élément dont la classe est "cell10pxh" )
 
Et :  
 

ben c est bien ce que j ai fait, c'est ta deuxième solution ?!
 
 
sauf qu'en plus j'ai besoin d'appliquer un css sur le tableau tout entier différent (table2)