[html] hauteur mini d'une cellule

hauteur mini d'une cellule [html] - Programmation

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
Reply

Marsh Posté le 31-12-2001 à 18:36:41   

Reply

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

Reply

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.

Reply

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


---------------
Qui mange un noix de coco entiere fait confiance a son anus
Reply

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


---------------
Qui mange un noix de coco entiere fait confiance a son anus
Reply

Marsh Posté le 31-12-2001 à 19:26:17    

enlève les   ;)

 

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

Reply

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.

Reply

Marsh Posté le 31-12-2001 à 19:30:07    

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


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 01-01-2002 à 10:56:42    

ok merci a tous le monde


---------------
Qui mange un noix de coco entiere fait confiance a son anus
Reply

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

Reply

Marsh Posté le 01-01-2002 à 13:18:47   

Reply

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

Reply

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

Reply

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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed