hauteur mini d'une cellule [html] - Programmation
Marsh Posté le 31-12-2001 à 18:43:17
supprime l'espace intérieur de tes cellules en utilisant l'attribut cellpadding dans la balise TABLE.
Tu lui attriburas la valeur 0.
Soit
<TABLE CELLPADDING="0">
Pour infos :
- cellpadding : Spécifie l'espace en pixels entre la bordure et le contenu de la cellule du tableau
- cellspacing : Spécifie l'espace en pixels entre les cellules du tableau
Pour plus d'infos encore : http://www.allhtml.com
TZ
Marsh Posté le 31-12-2001 à 19:13:10
le mieux c'est de faire ainsi:
mettre le cellpadding a 0,
mettre le cellspacing a 0,
prende unr image de 1*1 transparente gif
mettre dans ta cellule: <img src="tonimage.gif" whidth=1 height=18>
comment ca, tu auras exactement tes 18 pixels de haut.
Marsh Posté le 31-12-2001 à 19:14:08
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="123">
<tr>
<td width="220" height="12"> </td>
</tr>
</table>
ya pas tous le tableau mais cela ca donne 1 cellule de hauteur 19 et de longueur 220
alors je comprend pas
Marsh Posté le 31-12-2001 à 19:18:31
en fait c un tableau assez compliqer :
<table width="100%" border="1" cellspacing="0" cellpadding="0" height="500">
<tr>
<td colspan="5">
<div align="center">
<!--debut cellule haut-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="123">
<tr>
<td rowspan="2" width="26" height="30"> </td>
<td rowspan="4" width="248" height="106"> </td>
<td rowspan="4" width="15" height="106"> </td>
<td colspan="2" rowspan="2" width="226" height="30" > </td>
<td rowspan="2" width="22" height="30"> </td>
<td colspan="2" width="232" height="18" bgcolor="#ccccff"> </td>
</tr>
<tr>
<td width="220" height="12" bgcolor="#cccccc"> </td>
<td width="12" height="12"> </td>
</tr>
<tr>
<td width="23" height="60"> </td>
<td colspan="4" width="468" height="60"> </td>
<td width="12" height="60"> </td>
</tr>
<tr>
<td width="23" height="16"> </td>
<td width="145" height="16"> </td>
<td rowspan="2" width="23" height="33"> </td>
<td colspan="2" rowspan="2" width="299" height="33"> </td>
<td rowspan="2" width="12" height="33"> </td>
</tr>
<tr>
<td width="26" height="17"> </td>
<td colspan="3" width="408" height="17"> </td>
</tr>
</table>
</div>
<!-- fin cellule haut -->
</td>
</tr>
</table>
j'espere que vous avez compris : je voudrait que la cellule en haut a gauche fasse 30 de haut mais elle est contraint pas 2 cellules qui se mette a 19 et 19 au lieu de 18 et 12
vooila merci a tous
Marsh Posté le 31-12-2001 à 19:26:42
Facile, to est un caractère que le navigateur ne peux pas retirer. Ce doit être lui qui fait apparaitre tes 19px de hauteur.
Si tu a besoin de ce pour que la case ne disparraisse pas, il y a un reglage CSS prévu pour ce cas de figure mais je ne me souviens pas lequel c'est. D'ailleur, le CSS doit etre bien plus addapté pour dessiner ton tableau.
Marsh Posté le 31-12-2001 à 19:30:07
a la place des tu met des pixel transparent comme dit ci-dessus...
Marsh Posté le 01-01-2002 à 10:56:42
ok merci a tous le monde
Marsh Posté le 01-01-2002 à 13:18:47
Mon avis propre : les gif transparent de 1 pixel, c'est vraiment pas propre comme code HTML
Marsh Posté le 01-01-2002 à 14:43:37
Kristoph a écrit a écrit : Mon avis propre : les gif transparent de 1 pixel, c'est vraiment pas propre comme code HTML |
C'est sur et certain, mais parfois pour des raisons de compatibilité ou de limitation du code HTML le spacer (gif transparent) est la seule solution ou du moins la plus économique en temps et en neurone...
TZ
Marsh Posté le 01-01-2002 à 16:18:39
Mais au fait, pourquoi mettre un spacer dans la case du tableau. Je croyait que ces gif 1x1 ne servaient qu'à 2 choses :
- Donner à la case du tableau exactemment la taille voulue, chose réalisée maintenant par <TD width="220px" height="3px"></TD> ( testé sur mozilla 0.97 et IE 5.0 )
- Faire apparaitre les bordures d'une case vide d'un tableau parceque certains navigateurs ne les affichaient pas pour une case sans contenu. Réalisé par le CSS maintenant. De tt facon, on ne veut pas de bordures dans un tableau de mise en page
Marsh Posté le 01-01-2002 à 17:05:02
Kristoph a écrit a écrit : Mais au fait, pourquoi mettre un spacer dans la case du tableau. Je croyait que ces gif 1x1 ne servaient qu'à 2 choses : - Donner à la case du tableau exactemment la taille voulue, chose réalisée maintenant par <TD width="220px" height="3px"></TD> ( testé sur mozilla 0.97 et IE 5.0 ) - Faire apparaitre les bordures d'une case vide d'un tableau parceque certains navigateurs ne les affichaient pas pour une case sans contenu. Réalisé par le CSS maintenant. De tt facon, on ne veut pas de bordures dans un tableau de mise en page |
Parce que si cela marche bien avec des exemples simples, ceci ne fonctionne plus correctement sous IE dès qu'il s'agit de tableaux complexes avec des colspan et cellspan.
Marsh Posté le 31-12-2001 à 18:36:41
g peut etre mal fait mais les cellules du tableau ne peuvent pas etre moins haute que 19 px????? or pour mon interface des cellules de 12, 18...px alors comment fairez, est ce qu'il y a une astuces pour faire ca car je suis un peu largue
merci a tous
---------------
Qui mange un noix de coco entiere fait confiance a son anus