tableau html complexe (pour moi)

tableau html complexe (pour moi) - HTML/CSS - Programmation

Marsh Posté le 12-12-2003 à 18:00:37    

Bonjour j'me prend un peu la tete sur un tableau html :
 
<TABLE border=1 cellspacing="0" cellpadding="0">
<TR align=center>
<TD rowspan="2" colspan="8" width="346">Les cahiers de route organisent chaque journée,
au fil des heures, les escapades qui conviennent
le mieux à vos centres d'intérêt, à vos envies du moment, au temps qu'il fait?
</TD>
<TD colspan="3">001</TD>
</TR>
<TR align=center>
<TD rowspan="2">020</TD>
<TD rowspan="2" colspan="2">21</TD>
</TR>
<TR align=center>
<TD colspan="5">040</TD>
<TD colspan="3">041 T</TD>
</TR>
<TR align=center>
<TD>060</TD>
<TD>061</TD>
<TD>062</TD>
<TD colspan="3">063T</TD>
<TD>64 F</TD>
<TD><img src="..\..\..\..\..\6.jpg"></TD>
<TD rowspan="5" ><table border=1 cellspacing="3" cellpadding="3" align=top><td><img src="..\..\..\..\..\85.jpg" width=85 height=140></td>
</table></TD>
<TD rowspan="5"><img src="..\..\..\..\..\91.jpg" width=91 height=140></TD>
<TD rowspan="5"><img src="..\..\..\..\..\6.jpg"><img src="..\..\..\..\..\6.jpg"><img src="..\..\..\..\..\6.jpg"></TD>
</TR>
<TR align=center>
<TD>080</TD>
<TD colspan="3">081T</TD>
<TD>82 F</TD>
<TD><img src="..\..\..\..\..\6.jpg"></TD>
<TD rowspan="5" colspan="2" width=85><img src="..\..\..\..\..\85.jpg" width=85 height=140></TD>
</TR>
<TR align=center>
<TD>100</TD>
<TD>101</TD>
<TD>102F</TD>
<TD><img src="..\..\..\..\..\6.jpg"></TD>
<TD rowspan="5" colspan="2" width=85><img src="..\..\..\..\..\85.jpg" width=85 height=140></TD>
</TR>
<TR align=center>
<TD width=6 height=5 align=right colspan=2>bout</TD>
<TD rowspan="5" colspan="2" width=85><img src="..\..\..\..\..\85.jpg" width=85 height=140></TD>
</TR>
 
<TR align=center>
<TD rowspan="5" colspan="2" width=91><img src="..\..\..\..\..\91.jpg" width=91 height=140></TD>
</TR>
<TR align=center>
<TD>160 F</TD>
<TD>161 F</TD>
<TD>162</TD>
</TR>
<TR align=center>
<TD colspan="3">180</TD>
<TD colspan="2">181</TD>
</TR>
<TR align=center>
<TD rowspan="3" colspan="5">200</TD>
<TD rowspan="3" colspan="2">201</TD>
</TR>
<TR align=center>
<TD>220</TD>
<TD>221</TD>
</TR>
<TR align=center>
<TD>240</TD>
<TD>241</TD>
<TD>242</TD>
<TD>243</TD>
</TR>
</TABLE>
 
En gros mon problème est le suivant :  
je n'arrive pas à caler exactement la taille des cellules par rapport à mes images.
J'ai essayer d'indenter des tableaux mais ce n'est pas évident car je dois fusioner des cellules pour faire rentrer du texte en haut gauche et en bas droite (cellules : 041T, 063T, 081T, 82F, 180, 181, 200, 201).
Voila si vous avez une solution...
merci
dino

Reply

Marsh Posté le 12-12-2003 à 18:00:37   

Reply

Marsh Posté le 12-12-2003 à 18:08:40    

Je ne répond pas quand je vois un code illisible et non indenté comme celui-ci. Comment par indenter ton code pour qu'on puisse trouver la force de le lire stp.

Reply

Marsh Posté le 12-12-2003 à 18:08:51    

Rien compris du tout :/


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 12-12-2003 à 19:48:06    

Code :
  1. <TABLE border=1 cellspacing="0" cellpadding="0">
  2.   <TR align=center>
  3.     <TD rowspan="2" colspan="8" width="346">Les cahiers de route organisent chaque
  4.       journée, au fil des heures, les escapades qui conviennent le mieux à vos
  5.       centres d'intérêt, à vos envies du moment, au temps qu'il fait? </TD>
  6.     <TD colspan="3">001</TD>
  7.   </TR>
  8.   <TR align=center>
  9.     <TD rowspan="2">020</TD>
  10.     <TD rowspan="2" colspan="2">21</TD>
  11.   </TR>
  12.   <TR align=center>
  13.     <TD colspan="5">040</TD>
  14.     <TD colspan="3">041 T</TD>
  15.   </TR>
  16.   <TR align=center>
  17.     <TD>060</TD>
  18.     <TD>061</TD>
  19.     <TD>062</TD>
  20.     <TD colspan="3">063T</TD>
  21.     <TD>64 F</TD>
  22.     <TD><img src="..\..\..\..\..\6.jpg"></TD>
  23.     <TD rowspan="5" ><table border=1 cellspacing="3" cellpadding="3" align=top>
  24.         <td><img src="..\..\..\..\..\85.jpg" width=85 height=140></td>
  25.       </table></TD>
  26.     <TD rowspan="5"><img src="..\..\..\..\..\91.jpg" width=91 height=140></TD>
  27.     <TD rowspan="5"><img src="..\..\..\..\..\6.jpg"><img src="..\..\..\..\..\6.jpg"><img src="..\..\..\..\..\6.jpg"></TD>
  28.   </TR>
  29.   <TR align=center>
  30.     <TD>080</TD>
  31.     <TD colspan="3">081T</TD>
  32.     <TD>82 F</TD>
  33.     <TD><img src="..\..\..\..\..\6.jpg"></TD>
  34.     <TD rowspan="5" colspan="2" width=85><img src="..\..\..\..\..\85.jpg" width=85 height=140></TD>
  35.   </TR>
  36.   <TR align=center>
  37.     <TD>100</TD>
  38.     <TD>101</TD>
  39.     <TD>102F</TD>
  40.     <TD><img src="..\..\..\..\..\6.jpg"></TD>
  41.     <TD rowspan="5" colspan="2" width=85><img src="..\..\..\..\..\85.jpg" width=85 height=140></TD>
  42.   </TR>
  43.   <TR align=center>
  44.     <TD width=6 height=5 align=right colspan=2>bout</TD>
  45.     <TD rowspan="5" colspan="2" width=85><img src="..\..\..\..\..\85.jpg" width=85 height=140></TD>
  46.   </TR>
  47.   <TR align=center>
  48.     <TD rowspan="5" colspan="2" width=91><img src="..\..\..\..\..\91.jpg" width=91 height=140></TD>
  49.   </TR>
  50.   <TR align=center>
  51.     <TD>160 F</TD>
  52.     <TD>161 F</TD>
  53.     <TD>162</TD>
  54.   </TR>
  55.   <TR align=center>
  56.     <TD colspan="3">180</TD>
  57.     <TD colspan="2">181</TD>
  58.   </TR>
  59.   <TR align=center>
  60.     <TD rowspan="3" colspan="5">200</TD>
  61.     <TD rowspan="3" colspan="2">201</TD>
  62.   </TR>
  63.   <TR align=center>
  64.     <TD>220</TD>
  65.     <TD>221</TD>
  66.   </TR>
  67.   <TR align=center>
  68.     <TD>240</TD>
  69.     <TD>241</TD>
  70.     <TD>242</TD>
  71.     <TD>243</TD>
  72.   </TR>
  73. </TABLE>

Reply

Marsh Posté le 12-12-2003 à 19:52:04    

La meilleure solution, c'est que tu le mettes dans une page concrête sur internet avec un compte gratuit. Parce que comme ta table est seule (sans le reste), c'est dur de se rendre compte. Et on peut même pas recopier bêtement ton code, vu que ya pas les images non plus.
 
Bref, retiens qu'il y a toujours deux solutions :
 
Soit tu postes tout ton code, mais sans image (donc dans ce cas, ça va pas) pour qu'on puisse faire un copier/coller et tester chez nous.
 
Soit tu postes le tout sur internet pourqu'on puisse voir directement.

Reply

Marsh Posté le 12-12-2003 à 19:56:19    

Heu, pour les images, c'est pas grave, y'a la taille de toute façon.
Moi je copie/colle le code dans UltraEdit, un clic sur prévisu et çà m'ouvre IE sur un fichier temporaire. Même pas besoin d'enregistrer le fichier ;)
M'enfin, c'est pas le tableau le problème, c'est ses explications !


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 12-12-2003 à 21:06:52    

je prend un passage au hasard:
 

Code :
  1. <TD rowspan="5" ><table border=1 cellspacing="3" cellpadding="3" align=top><td><img src="..\..\..\..\..\85.jpg" width=85 height=140></td>
  2. </table></TD>


Rien que ce bout est gerbant.
C'est du Dreamweaver, je me trompe?
 
[edit] les tableaux, faut jamais les faire avec un éditeur WYSIWYG car le code est toujours ultra-nul  :o


Message édité par Ayuget le 12-12-2003 à 21:10:50
Reply

Marsh Posté le 15-12-2003 à 12:16:43    

Désolé pour la forme
Je n'ai pas utilisé dreamweaver mais HTML Coder Pro.
Pour les explications je vais essayer d'etre plus clair :
J'ai une image en diagonale que je doit découper et caler dans des cellules car j'ai du texte à placer.  
en gros voila :  
                   ---------
    TEXTE         |         |
         --------           |
        |                   |
--------            --------                        
                    |
           ---------  TEXTE
          |   TEXTE
----------
 
Or je n'arrive pas à faire que les cellules ou je place les bout d'images découpées soient pil poils de la meme taille que les images placées.
Je pense que la cause est les nombreuses fusions de cellules.
J'espère avoir été clair et ne pas voir avoir refilé mon mal de crane.
 
Dino

Reply

Marsh Posté le 15-12-2003 à 12:31:56    

Donc, dans l'idéal, tu veux juste 2 zones de texte et des images en digonale.
 
Je serais toi, j'oublierai les tableaux pour regarder du coté des DIV !


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 15-12-2003 à 13:24:10    

désolé mon dessin est tout pourri
 
donc je vous met une image :
http://www.enviedebouger.com/img/image_ex_pt.jpg
 
Dino

Reply

Marsh Posté le 15-12-2003 à 13:24:10   

Reply

Marsh Posté le 15-12-2003 à 13:36:10    

Mara's dad a écrit :

Donc, dans l'idéal, tu veux juste 2 zones de texte et des images en digonale.
 
Je serais toi, j'oublierai les tableaux pour regarder du coté des DIV !


 
+1 :/


---------------
IVG en france
Reply

Marsh Posté le 15-12-2003 à 13:43:40    

clair!


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 15-12-2003 à 14:07:28    

je connais pas les DIV, avez vous des sites d'aides à me fournir?
Je vais étudier ça de près
Merci
dino

Reply

Marsh Posté le 15-12-2003 à 14:10:39    

http://openweb.eu.org/css/


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Sujets relatifs:

Leave a Replay

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