HMTL : tableau - Programmation
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
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?
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.
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
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 ??
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>"
}
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.
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.
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...
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.
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é.
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...
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?
Marsh Posté le 20-12-2001 à 14:58:30
whidht=100% height=100% dans ton img
[edtdd]--Message édité par gizmo--[/edtdd]
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
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
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]
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.
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.
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é?
Marsh Posté le 20-12-2001 à 15:42:50
Comment ça s'est cochonné???
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>
Marsh Posté le 20-12-2001 à 15:53:15
essaye ca:
Code :
|
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?
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?