[Dream] Piti probleme de tableau..

Piti probleme de tableau.. [Dream] - Web design - Graphisme

Marsh Posté le 02-09-2002 à 21:34:50    

Oui je sais que certaines personnes ici ne portent pas Deramweaver dans leur coeur  :ange: . Enfin bon mon problème c'est ce tableau : http://dushnok.free.fr/foret.htm . Il s'affiche nickel dans Dream (3 je précise) mais dans IE certaines cell ont une mauvaise taille, pourtant je leur ai bien mis la taille et tout... En fait il s'agit d'un tableau 3*3 dans lequel j'ai fait du split cell, peut être y avait il une meilleure méthode pour faire ce type de table ? Bref merci de votre aide  ;)

Reply

Marsh Posté le 02-09-2002 à 21:34:50   

Reply

Marsh Posté le 02-09-2002 à 21:44:49    

Je donne le code :
 

Code :
  1. <html>
  2. <head>
  3. <title>Untitled Document</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <style type="text/css">
  6. <!--
  7. -->
  8. </style>
  9. </head>
  10. <body bgcolor="#000000" text="#FFFFFF">
  11. <table border="0" cellspacing="0" cellpadding="0" height="400" width="650">
  12.   <tr>
  13.     <td background="../pictures/tabloforet/A1.gif" width="73" height="57"> </td>
  14.     <td background="../pictures/tabloforet/A2.gif" width="73" height="57"> </td>
  15.     <td background="../pictures/tabloforet/h1.gif">
  16.       <div align="left"><font size="2">In thy mystic forest, </font></div>
  17.     </td>
  18.     <td background="../pictures/tabloforet/B1.gif" width="73" height="57">
  19.       <p>  </p>
  20.       </td>
  21.     <td background="../pictures/tabloforet/B2.gif" width="73" height="57"> </td>
  22.   </tr>
  23.   <tr>
  24.     <td background="../pictures/tabloforet/A3.gif" width="73" height="78"> </td>
  25.     <td rowspan="3" colspan="3" bgcolor="#000000" align="left" valign="top">
  26.       <p>In the Mystic Woods Of Chocolate Trees, lived happy squirrels and happy
  27.         mushrooms along with some happy butterflies and happy trouts in the so-called
  28.         Happy Lake Of The Mystic Woods Of Chocolate Trees. </p>
  29.       <p>...</p>
  30.       <p>Rha maudit tableau....</p>
  31.     </td>
  32.     <td background="../pictures/tabloforet/B3.gif" width="73" height="78"> </td>
  33.   </tr>
  34.   <tr>
  35.     <td background="../pictures/tabloforet/v1.gif" width="73"> </td>
  36.     <td background="../pictures/tabloforet/v2.gif" width="73"> </td>
  37.   </tr>
  38.   <tr>
  39.     <td background="../pictures/tabloforet/C1.gif" width="73" height="78"> </td>
  40.     <td background="../pictures/tabloforet/D3.gif" width="73" height="78"> </td>
  41.   </tr>
  42.   <tr>
  43.     <td background="../pictures/tabloforet/C2.gif" width="73" height="57"> </td>
  44.     <td width="73" height="57" background="../pictures/tabloforet/C3.gif"> </td>
  45.     <td background="../pictures/tabloforet/h2.gif"> </td>
  46.     <td background="../pictures/tabloforet/D1.gif" width="73" height="57"> </td>
  47.     <td background="../pictures/tabloforet/D2.gif" width="73" height="57"> </td>
  48.   </tr>
  49. </table>
  50. </body>
  51. </html>

Reply

Marsh Posté le 02-09-2002 à 21:47:13    

Voici ce que je vois, tu peux dire c'est ok ou non, il me semble qu'il y a un problème :
 
http://www3.sympatico.ca/sylvain403/tableau.png

Reply

Marsh Posté le 02-09-2002 à 21:49:32    

Oui c'est ce que je vois aussi. on voit quatre cells qui dépassent leur largeur supposée avec le background qui se répète

Reply

Marsh Posté le 02-09-2002 à 22:12:48    

C'est parce que ton image se répète 2 fois dans le background, refait une image qui emplit la cellule ou coupe cette cellule en 2. Il y a une commande CSS aussi je crois pour empêcher que le background se répète.

Reply

Marsh Posté le 03-09-2002 à 10:42:02    

<table bgproperties="fixed" background="TonImage" ...>

Reply

Marsh Posté le 03-09-2002 à 11:37:50    

c'est internet explorer qui foire :D
avec mozilla aucun problème :sol:

Reply

Marsh Posté le 03-09-2002 à 11:47:44    

http://users.skynet.be/bk242409/table.png  
voilà  :hello:

Reply

Marsh Posté le 03-09-2002 à 11:58:55    

C'est surtout que pour un <td> width, height et background existent pas  :sarcastic:

Reply

Marsh Posté le 03-09-2002 à 15:55:24    

Merci pour vos réponses  :jap:  
En fait je me suis rendu compte que c'est en entrant du texte dans la cell du milieu que ça niquait le tableau.. Donc j'ai refait une version en imbricant des tables plutôt qu'en faisant du split cell, et en utilisant des images plutôt que des back, il me semble que ça marche cette fois.. :)

Reply

Marsh Posté le 03-09-2002 à 15:55:24   

Reply

Marsh Posté le 03-09-2002 à 16:15:37    

LexTuhor a écrit a écrit :

C'est surtout que pour un <td> width, height et background existent pas  :sarcastic:  




 
Attributs de mise en page et d'espacement (valable pour <table>, <td> ou <th> ) :  
- width : Spécifie la largeur du tableau ou d'une cellule, en pixels ou en pourcentage de la fenêtre du navigateur
- height : Spécifie la hauteur du tableau ou d'une cellule, en pixels ou en pourcentage de la fenêtre du navigateur
- border : Spécifie la taille en pixels (par défaut 1) de la bordure du tableau
- 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
- bgcolor : Spécifie la couleur d'une cellule
- bordercolor : Spécifie la couleur de la bordure du tableau
- bordercolorlight : Spécifie la couleur aux points culminants de la bordure du tableau (effet 3d)
- bordercolordark : Spécifie la couleur de l'ombre de la bordure du tableau (effet 3d)
- background : Spécifie l'URL de l'image à afficher comme image d'arrière plan du tableau (I.Explorer seulement)
 
http://www.allhtml.com/html/html10.php

Reply

Sujets relatifs:

Leave a Replay

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