[CSS] Diminuer la hauteur d'une cellule de tableau proprement.

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Diminuer la hauteur d'une cellule de tableau proprement.

Master_Jul

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.

Message édité par Master_Jul le 26-02-2003 à 14:08:13

Publicité

gm_superstar

Appelez-moi Super

td {
height: 10px;
}

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Master_Jul

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

Master_Jul

Code :

.tabletest {
border: 2px solid #FFFFFF;
margin: 0px;
padding: 0px;
border-collapse: collapse;
height: 10px;
}

gm_superstar

Appelez-moi Super

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;
}

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Master_Jul

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

Code :

.tabletest {
border: 2px solid #FFFFFF;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}
.cell10pxh td {
height: 10px;
}

Le code du tableau :

Code :

<table width="24%" border="0" align="center" class="table2">
<tr>
<td class="cell10pxh"> </td>
<td class="cell10pxh"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

Et ça roule, encore merci :jap:

gm_superstar

Appelez-moi Super

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

Soit tu écris :

.tabletest td {
height: 10px;
}

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

et :

Soit :

.cell10pxh {
height: 10px;
}

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

Et :

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Master_Jul

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)

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Diminuer la hauteur d'une cellule de tableau proprement.

Sujets relatifs
[PHP] Effacer élément d'un tableau multidimentionnel	[HTML, JS] Accès pointeur ligne d'un tableau html
[CSS/HTML] Ya moyen de changer la taille de la scrollbar ???	[C/C++] Problemme de remplissage de tableau....
comment faire un tableau aux bords arrondis ??	creation d'un tableau dynamique
Recopier un tableau d'entier?	Declarer un tableau en CSS
[XHTML] tableau ou liste ?
Plus de sujets relatifs à : [CSS] Diminuer la hauteur d'une cellule de tableau proprement.

Page générée en 0.051 secondes