Tableau en dessous de 20pxRésolu/Fermé

Question

Bonjour,

Je voulais savoir s'il était possible de descendre la hauteur d'un tableau en dessous de 20px car quand je met 21px, pas de problème, 25px, ça augmente, mais si je vais dans les 15 et plus bas, ca me laisse à 20px...

J'ai un tableau qui fait 20px de hauteur et j'aurais besoin de mettre un autre tableau plus petit à l'intérieur, sans que ca m'augmente le tableau parent ! Des idées ?

Merci d'avance ^^

M@dien · Answer

Bonjour,

hum...
Un tableau de 20px de haut, dans lequel tu veux mettre un autre tableau... ça m'étonnerait que ça soit pour afficher des données tabulaires...

Je pense que tu n'utilises pas les bon éléments. A mon avis un div serait largement plus pratique à utiliser.

Que veux tu mettre dans ton tableau au juste?

Heryu · Answer

C'est une page avec les statistiques d'une liste ! Par exemple : +--------------------------------+ |///////////Total : 400/////////////| +--------------------------------+ | Part 1 : 145 | Part 2 : 255 | +--------------------------------+ |//////// Pourcentage.jpg/////////| +--------------------------------+ Voila grosso-modo, mon tableau ! J'avais pensé donc à mettre la où y a marquer "pourcentage", une image d'une barre style : +--------------------------------+ |/////Part1/////|//////Part 2///////| +--------------------------------+ Avec une couleur bleu pour part 1 et autre pour part 2 ! Comme je me suis aperçu qu'avec des images, il faudrait que j'en fasse une pour chaque 10% on va dire, ce qu'il me fait une 10ene d'image ! Alors je me suis dis, pourquoi ne pas faire un tableau avec 2 de couleur bleu et autre, et de jouer avec un width ! Le pourcentage de part1 étant dans une variable, j'aurais pu faire dans le premier un width="$part1 %" ! Mais comme j'expliquais, le tableau à l'intérieur du tableau "pourcentage" est trop gros et impossible de descendre la hauteur... PS : Désolé pour le tableau mais il me compte pas les espaces donc obliger de remplacer par des /// ^^"

M@dien · Answer

D'accord! Alors je reste convaincu que ça se règle avec un div =) genre, à l'endroit où tu veux mettre la barre de pourcentage, tu mets:

et en code css: div#pourcentage {height:20px; background:grey;} div#pourcentage div {height:20px; background:red;} ça devrait marcher =)

Heryu · Answer

J'essaierais ça en rentrant ! Y a moyen de descendre la hauteur de la div plus bas que 20px donc ?  En tout cas merci beaucoup ^^

M@dien · Answer

tout à fait. vu que le div est vide, il peut prendre la taille qu'on veut, il peut même faire 0px!
D'ailleurs par défaut un div vide fait 100% de large et 0px de haut. il faut donc lui indiquer une hauteur.

Heryu · Answer

Ah, pars ailleurs (je me suis jamais trop investi dans les div), peut on couper cette div en deux, comme un tableau ? Ou dois-je mettre deux div l'une à coté de l'autre pour y appliquer deux CSS différents  ?

monkey_monk · Answer

Pourquoi n'utilises-tu pas des colspan dans ton tableau ? Tu pourrais avoir un unique tableau comme suit (plus ou moins, à vérifier...):

Total 400
Part 1 : 145	Part 2 : 255

...comme ça tu n'auras pas besoin de mettre un tableau dans un tableau. Ensuite tu style tes élements comme tu le veux... tout dépend s'il s'agit du fond, du texte ou autre...

Heryu · Answer

Je peux pas travailler sur mon fichier actuellement mais je vais tester sur un fichier vierge ! Je vous tiens au courant de la solution qui me parait la mieux ! Merci en tout cas ^^

Heryu · Answer

Le coup des div marche exactement comme je le voulais, merci beaucoup M@iden !

Merci aussi monkey_monk, je préfère néanmoins la technique de M@iden qui correspond exactement à ce que je cherchait !

Merci à tous les deux ^^

monkey_monk · Answer

Avec plaisir ! ;)

M@dien · Answer

Y'a pas de quoi.

Par contre moi c'est m@dien pas m@iden ^^'

Heryu · Answer

Hum, désolé ^^"

Tableau en dessous de 20px

12 réponses

Discussions similaires

Newsletters