HMTL : tableau

HMTL : tableau - Programmation

Marsh Posté le 20-12-2001 à 13:23:25    

Je n'arrive pas à diminuer autant que je le voudrait la hauteur de mes lignes... Y-a-t-il une hauteur minimale à respecter?  :??:

Reply

Marsh Posté le 20-12-2001 à 13:23:25   

Reply

Marsh Posté le 20-12-2001 à 13:25:17    

non !!

Reply

Marsh Posté le 20-12-2001 à 13:27:08    

Bah alors pourquoi il veut pas ce sagouin???

Reply

Marsh Posté le 20-12-2001 à 13:27:37    

Mais il faut finter pour diminuer la taille quand tes cellules sont vides... Tu y colles (+ align=top) un gif transparent à la hauteur que tu souhaite (genre 1 pixel) et hop ton tableau fait un pixel de haut

Reply

Marsh Posté le 20-12-2001 à 13:33:13    

C'est pour faire un cadre composé de 8 images :
pour les longueurs et hauteurs, je veux mettre une image de 11 pixels de haut et de large (qu'il me répète pour faire une continuité).
Le pb c'est qu'il me la répète aussi en hauteur(pour la ligne haut et bas) et en largeur (pour gauche, droite) : donc les cases font plus de 11*11.
Et comme je veux pas insérer une image et être obligé de lui spécifier une taille précise...
Que faire?

Reply

Marsh Posté le 20-12-2001 à 13:34:12    

Haaa... si en plus de l'image de fond, je rajoute un gif transparent de la même taille...
Je vais essayer ça.

Reply

Marsh Posté le 20-12-2001 à 13:35:30    

essaye de réduire la taille de la police de toutes les cellules de la ligne : la ligne prend la taille des caractères qu'elle contient

Reply

Marsh Posté le 20-12-2001 à 13:40:33    

Oki, ça marche. merci  :bounce:

Reply

Marsh Posté le 20-12-2001 à 13:41:03    

J'ai pas compris, il est comment ton tableau ???
 
--------------------------------
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
--------------------------------
 
C'est ça ??

Reply

Marsh Posté le 20-12-2001 à 13:41:59    

et oublie pas de specifier cellspacing=0 cellpadding=0 border=0 dans le tag <TABLE>.
c'est une bonne chose de toujours avoir un pixel transparent de 1px *1px sous la main (on peut lui specifier la taille que l'ont veut et il est meme bien de faire une function)
 
function vide($width,$height)
{
return "<IMG src=\"images/vide.gif\" width=$width height=$height border=0>"
}

Reply

Marsh Posté le 20-12-2001 à 13:41:59   

Reply

Marsh Posté le 20-12-2001 à 13:48:26    

Mon tableau est :
 
------
|1|2|3|
------
|4|5|6|
------
|7|8|9|
 
J'ai donc mis des images en fond dans 1,2,3,4,6,7,8,9 ainsi qu'un gif transparent.

Reply

Marsh Posté le 20-12-2001 à 13:56:22    

Thocan a écrit a écrit :

Mon tableau est :
 
------
|1|2|3|
------
|4|5|6|
------
|7|8|9|
 
J'ai donc mis des images en fond dans 1,2,3,4,6,7,8,9 ainsi qu'un gif transparent.  




 
OK, mais pourquoi tu ne précises pas la dimension de tes images, tu pourrais alors te passer du gif transparent, à moins que tes 9 images n'ont pas la même taille.

Reply

Marsh Posté le 20-12-2001 à 14:34:24    

je crois kil les a mis en background...

Reply

Marsh Posté le 20-12-2001 à 14:42:03    

speedyop a écrit a écrit :

je crois kil les a mis en background...  




 
Oui, mais si elles font la même taille c'est pas nécessaire comme manip...

Reply

Marsh Posté le 20-12-2001 à 14:45:32    

Vi, elles font toutes du 11*11... et sont en background.
Seulement, lorsque je ne mets pas d'image gif transparente, les cellules sont trop hautes/larges et je n'arrive pas à modifier leur taille.
 
PS : seule la case centrale contient du texte.

Reply

Marsh Posté le 20-12-2001 à 14:51:11    

t'as le fichier sur le net que l'on regardes si ton truc vaut la peine d'être en background, car je le rappelle quand même, le images en background de cellules, ce n'est pas du HTML standardisé.

Reply

Marsh Posté le 20-12-2001 à 14:51:37    

Thocan a écrit a écrit :

Vi, elles font toutes du 11*11... et sont en background.
Seulement, lorsque je ne mets pas d'image gif transparente, les cellules sont trop hautes/larges et je n'arrive pas à modifier leur taille.
 
PS : seule la case centrale contient du texte.  




 
Ah oui, effectivement si tu veux que ton tableaux s'étende en fonction de la cellule où il y a le texte... ok...

Reply

Marsh Posté le 20-12-2001 à 14:57:04    

Dans ce cas, si je ne mets pas l'image en background, comment faire pour définir la largeur d'une image = celle de la cellule?

Reply

Marsh Posté le 20-12-2001 à 14:58:30    

whidht=100% height=100% dans ton img

 

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

Reply

Marsh Posté le 20-12-2001 à 15:01:15    

Bah... il me semblait pourtant que j'avais déjà essayé dans le passé...
Bon, je vais voir ça.
Merci

Reply

Marsh Posté le 20-12-2001 à 15:03:05    

Thocan a écrit a écrit :

Dans ce cas, si je ne mets pas l'image en background, comment faire pour définir la largeur d'une image = celle de la cellule?  




 
tu definit bien la taille de ton image et rien pour le td mais des truc pour le tableaux
 
<TABLE cellpadding=0 cellspacing=0 border=0>
<TR>
 <TD><IMG src="..." width=1 height=1 border=0></TD>
</TR>
</TABLE>
 
ton tableaux entourera parfaitement l'image

Reply

Marsh Posté le 20-12-2001 à 15:09:00    

Le coup du 100% ça marche pour l'horizontal, mais pas pour le vertical...  :??:  
Mes barres horizontales s'étendent bien sur toute la longueur, mais les barres verticales gardent leur hauteur normale...
Vous savez pourquoi?

 

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

Reply

Marsh Posté le 20-12-2001 à 15:12:03    

tu as définis une taille pour tes cellules aussi ou non?

Reply

Marsh Posté le 20-12-2001 à 15:13:07    

Mouais.... en fait, ça me fait des disposition bizarres..
Donc je vais en rester aux images dans les background je crois.

Reply

Marsh Posté le 20-12-2001 à 15:13:49    

gizmo a écrit a écrit :

tu as définis une taille pour tes cellules aussi ou non?  




 
Non. Elles s'adaptent, soit au texte pour la case centrale, soit aux images.

Reply

Marsh Posté le 20-12-2001 à 15:20:20    

houla, ca m'a l'air un peu cochoné ton truc, t'as pas une version sur le net qu'on puisse jugé?

Reply

Marsh Posté le 20-12-2001 à 15:42:50    

Comment ça s'est cochonné???  :D  
Je n'ai pas la possibilité de le mettre sur le net, mais voilà le code :
--------------------------------------------
  <table border="0" cellpadding="0" cellspacing="0" width="494">
    <tr>
      <td background="images/HG.jpg"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
      <td background="images/HM.jpg"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
      <td background="images/HD.jpg"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
    </tr>
    <tr>
      <td background="images/GM.jpg" rowspan="5"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
      <td width="785"><B><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2" COLOR="#000000">Titre!</FONT></B></td>
      <td background="images/DM.jpg" rowspan="5"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
    </tr>
    <tr>
      <td width="785" background="images/Barre.jpg"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
    </tr>
    <tr>
      <td width="785"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Texte!</font></td>
    </tr>
    <tr>
      <td width="785" background="images/Barre.jpg"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
    </tr>
    <tr>
      <td width="785"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2"><B>Mise  
à jour</B></FONT></td>
    </tr>
    <tr>
      <td background="images/BG.jpg"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
      <td background="images/BM.jpg"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
      <td background="images/BD.jpg"><img border="0" src="images/Transparent.gif" width="11" height="11"></td>
    </tr>
  </table>

Reply

Marsh Posté le 20-12-2001 à 15:53:15    

essaye ca:

Code :
  1. <table border="0" cellpadding="0" cellspacing="0" width="494">
  2.   <tr>
  3.    <td><img src="images/HG.jpg" width="11" height="11"></td>
  4.    <td><img src="images/HM.jpg" width="100%" height="11"></td>
  5.    <td><img src="images/HD.jpg" width="11" height="11"></td>
  6.   </tr>
  7.   <tr>
  8.    <td rowspan="5"><img border="0" src="images/GM.jpg" width="11" height="100%"></td>
  9.    <td width="785"><B><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2" COLOR="#000000">Titre!</FONT></B></td>
  10.    <td rowspan="5"><img border="0" src="images/DM.jpg" width="11" height="100%"></td>
  11.   </tr>
  12.   <tr>
  13.    <td width="785"><img src="images/Barre.jpg" width="100%" height="11"></td>
  14.   </tr>
  15.   <tr>
  16.    <td width="785"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Texte!</ font></td>
  17.   </tr>
  18.   <tr>
  19.    <td width="785"><img src="images/Barre.jpg" width="100%" height="11"></td>
  20.   </tr>
  21.   <tr>
  22.    <td width="785"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2"><B>Mise
  23. à jour</B></FONT></td>
  24.   </tr>
  25.   <tr>
  26.    <td><img src="images/BG.jpg" width="11" height="11"></td>
  27.    <td><img src="images/BM.jpg" width="100%" height="11"></td>
  28.    <td><img src="images/BD.jpg" width="11" height="11"></td>
  29.   </tr>
  30. </table>

Reply

Marsh Posté le 20-12-2001 à 16:02:54    

Vi, ça marche : certaines images sont décalées sans que je sache pourquoi mais je peux y remédier...
Donc, d'après toi c'est plus propre comme ça?

Reply

Marsh Posté le 20-12-2001 à 17:11:51    

nettement!

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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