Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2827 connectés 

 


Dernière réponse
Sujet : HMTL : tableau
gizmo nettement!

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


[b][i][u][strike][spoiler][fixed][cpp][url][email][img][*]   
 
   [quote]
 

Options

 
Vous avez perdu votre mot de passe ?


Vue Rapide de la discussion
gizmo nettement!
Thocan 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?
gizmo 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>

Thocan 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>
gizmo houla, ca m'a l'air un peu cochoné ton truc, t'as pas une version sur le net qu'on puisse jugé?
Thocan

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.

Thocan Mouais.... en fait, ça me fait des disposition bizarres..
Donc je vais en rester aux images dans les background je crois.
gizmo tu as définis une taille pour tes cellules aussi ou non?
Thocan 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]

speedyop

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

Thocan Bah... il me semblait pourtant que j'avais déjà essayé dans le passé...
Bon, je vais voir ça.
Merci
gizmo whidht=100% height=100% dans ton img

 

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

Thocan 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?
FLY LM

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

gizmo 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é.
Thocan 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.
FLY LM

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

speedyop je crois kil les a mis en background...
FLY LM

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.

Thocan 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.
speedyop 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>"
}
FLY LM J'ai pas compris, il est comment ton tableau ???
 
--------------------------------
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
--------------------------------
 
C'est ça ??
Thocan Oki, ça marche. merci  :bounce:
benou 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
Thocan Haaa... si en plus de l'image de fond, je rajoute un gif transparent de la même taille...
Je vais essayer ça.
Thocan 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?
FLY LM 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
Thocan Bah alors pourquoi il veut pas ce sagouin???
FLY LM non !!
Thocan Je n'arrive pas à diminuer autant que je le voudrait la hauteur de mes lignes... Y-a-t-il une hauteur minimale à respecter?  :??:

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)