[html] hauteur mini d'une cellule

Recherche :

Dernière réponse

Sujet : [html] hauteur mini d'une cellule

gizmo

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.

Votre réponse

Nom d'utilisateur

Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !

Le ton de votre message

Votre réponse

Smilies

Liste des smilies perso
Wiki smilies
Chercher un smiley

Options

Activer votre signature
Désactiver les smilies
Activer la notification par email du sujet

Aperçu

Vous avez perdu votre mot de passe ?

Vue Rapide de la discussion

gizmo

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.

Kristoph

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 :)

tripanozoma

Kristoph a écrit a écrit :

Mon avis propre : les gif transparent de 1 pixel, c'est vraiment pas propre comme code HTML :D

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 :pt1cable:

Kristoph

Mon avis propre : les gif transparent de 1 pixel, c'est vraiment pas propre comme code HTML :D

mystik23

ok merci a tous le monde

Suri	a la place des tu met des pixel transparent comme dit ci-dessus...

Kristoph

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.

Deadog

enlève les ;)

[edtdd]--Message édité par Deadog--[/edtdd]

mystik23

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">

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

</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

mystik23

<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 :??:

gizmo

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.

tripanozoma

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 :pt1cable:

mystik23

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