Agrandissement de cellules d'un tableau ...

Agrandissement de cellules d'un tableau ... - Web design - Graphisme

Marsh Posté le 22-04-2007 à 12:02:45    

:hello:  
 
je vous expose mon probleme,  
 
je realise un site web, il y a un header en haut, un menu sur la gauche et mon designer (qui est en vacances donc injoignable  :sweat: ) a tout decoupé en tableaux, ca donne ca en gros :
 
http://img143.imageshack.us/img143/3471/capture02op5.jpg
 
Mais le probleme c'est que quand Zone_principale s'etend, Menu 1 s'etend aussi or je voudrais que Menu4 s'etende  :sweat:  
 
est-ce possible ?
 
 :jap:

Reply

Marsh Posté le 22-04-2007 à 12:02:45   

Reply

Marsh Posté le 22-04-2007 à 19:02:57    

si tu nous filer le code se serai mieu

Message cité 1 fois
Reply

Marsh Posté le 22-04-2007 à 21:22:24    

Code :
  1. <?php /*
  2. include "./haut.php";
  3. */
  4. ?>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <?php
  9. include('./fonctions/fonctions.php');
  10. ?>
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  15. <title>Furia Gear</title>
  16. <style type="text/css">
  17. <!--
  18. body {
  19. background-image: url(images/texture.jpg);
  20. }
  21. -->
  22. </style></head>
  24. <body marginheight="0">
  25. <table width="970" align="center" border="0" cellpadding="0" cellspacing="0">
  26.   <tr>
  27.     <td width="16" rowspan="2"><img src="images/furiagear_01.png" width="16" height="200" /></td>
  28.     <td colspan="8"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="938" height="37">
  29.       <param name="movie" value="anim-furia.swf" />
  30.       <param name="quality" value="high" />
  31.       <embed src="anim-furia.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="938" height="37"></embed>
  32.     </object></td>
  33.     <td width="16" rowspan="2"><img src="images/furiagear_03.png" width="16" height="200" /></td>
  34.   </tr>
  35.   <tr>
  36.     <td colspan="8"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="938" height="162">
  37.       <param name="movie" value="electrocardiogramme.swf" />
  38.       <param name="quality" value="high" />
  39.       <embed src="electrocardiogramme.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="938" height="162"></embed>
  40.     </object></td>
  41.   </tr>
  42.   <tr>
  43.     <td><img src="images/furiagear_04.png" width="16" height="39" /></td>
  44.     <td width="179"><img src="images/furiagear_05.png" width="179" height="39" /></td>
  45.     <td width="10"><img src="images/furiagear_06.png" width="10" height="39" /></td>
  46.     <td width="88"><img src="images/furiagear_07.png" width="88" height="39" /></td>
  47.     <td width="60"><img src="images/furiagear_08.png" width="60" height="39" /></td>
  48.     <td width="85"><img src="images/furiagear_09.png" width="85" height="39" /></td>
  49.     <td width="84"><img src="images/furiagear_10.png" width="84" height="39" /></td>
  50.     <td width="145"><img src="images/furiagear_11.png" width="145" height="39" /></td>
  51.     <td width="287"><img src="images/furiagear_12.png" width="287" height="39" /></td>
  52.     <td><img src="images/furiagear_13.png" width="16" height="39" /></td>
  53.   </tr>
  54.   <tr>
  55.     <td>&nbsp;</td>
  56.     <td colspan="8" valign="top"><img src="images/furiagear_15.png" width="938" height="16" /></td>
  57.     <td>&nbsp;</td>
  58.   </tr>
  59.   <tr>
  60.     <td colspan="10" height="5"></td>
  61.   </tr>
  62.  
  63.  
  64.   <!-- Fin Haut.php -->
  65.  
  66.   <tr>
  67.     <td>&nbsp;</td>
  68.     <td height="16" valign="bottom"><img src="images/furiagear_23.png" width="179" height="16" /></td>
  69.     <td>&nbsp;</td>
  70.     <td colspan="6" valign="bottom"><img src="images/furiagear_25.png" width="749" height="16" /></td>
  71.     <td>&nbsp;</td>
  72.   </tr>
  73.   <tr>
  74.     <td colspan="3" rowspan="2" height="3"></td>
  75.     <td colspan="6" rowspan="7" valign="top" background="images/furiagear_33.png">
  77.  <?php
  79.   affiche_accueil();
  81.  ?>
  83. </td>
  84.     <td height="3"></td>
  85.   </tr>
  86.  
  87.   <tr>
  88.     <td rowspan="2">&nbsp;</td>
  89.   </tr>
  90.   <tr>
  91.     <td height="7">&nbsp;</td>
  92.     <td valign="bottom"><img src="images/furiagear_41.png" width="179" height="16" /></td>
  93.     <td>&nbsp;</td>
  94.   </tr>
  95.   <tr>
  96.     <td>&nbsp;</td>
  97.     <td align="center" valign="top" background="images/furiagear_32.png"><form id="form1" name="form1" method="post" action="">
  98.       <p><b><font size="2" face="helvetica">Ins&eacute;rez un mot cl&eacute; :</font></sb><label>
  99.         <input type="text" name="textfield" />
  100.         </label></p>
  101.       <label>
  102.       <input type="submit" name="Submit" value="Valider" />
  103.       </label>
  104.   </form>
  105.   <br>    </td>
  106.     <td>&nbsp;</td>
  107.     <td>&nbsp;</td>
  108.   </tr>
  109.  
  110.   <tr>
  111.     <td height="9" rowspan="2">&nbsp;</td>
  112.     <td valign="bottom" height="3"></td>
  113.     <td rowspan="2">&nbsp;</td>
  114.     <td rowspan="2">&nbsp;</td>
  115.   </tr>
  116.   <tr>
  117.     <td valign="bottom"><img src="images/furiagear_50.png" width="179" height="18" >
  118. </td>
  119.   </tr>
  120.   <tr>
  121.     <td>&nbsp;</td>
  122.     <td valign="top" background="images/furiagear_32.png">
  124.  <font size="2" face="helvetica"> <b>
  125.  <?php
  126.   liste_categories(1);
  127.  ?>
  128.  </b></font>
  130. </td>
  131.     <td>&nbsp;</td>
  132.     <td>&nbsp;</td>
  133.   </tr>
  134.  
  135.  
  136.   <tr>
  137.     <td height="10"></td>
  138.   </tr>
  139.   <tr>
  140.      <td align="center">&nbsp;</td>
  141.     <td colspan="8" align="center" background="images/furiagear_65.png"><b><font size="1" face="helvetica">Copyright 2007 - Touts droits reserv&eacute;s FURIAGEAR.com - Codé par Tomas - <a href="http://designevilstarvirus.free.fr" target="blank"> Designed by Evil Star Virus </a></font></b></td>
  142.     <td align="center">&nbsp;</td>
  143.   </tr>
  144. </table>
  145. </body>
  147. </html>
  149.   <!-- Debut bas.php -->
  150.   <?php /*
  151. include "./bas.php";
  152.   */ ?>


 
Mon probleme se situe sur les cellules ligne 74 à 84, lors de affiche_accueil().
 
Sinon que pensez vous de tout reprendre en frames ?

Reply

Marsh Posté le 23-04-2007 à 08:20:28    

C'est faisable, mais les tableaux sont pas la meilleure solution. A moin de le restructurer et eviter les colspan et rowspan...
 
L'idéal etant la semantique et le css...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 23-04-2007 à 08:56:24    

la semantique ?
 

Reply

Marsh Posté le 23-04-2007 à 14:45:23    

probleme resolu, j'ai redivisé en 2 tableaux ;)
 
Merci pour l'aide :jap:

Message cité 1 fois
Reply

Marsh Posté le 25-04-2007 à 19:29:53    

tomsoft a écrit :

probleme resolu, j'ai redivisé en 2 tableaux ;)
 
Merci pour l'aide :jap:


 
 
erf

Message cité 2 fois
Reply

Marsh Posté le 25-04-2007 à 19:47:30    

 

erf ?  :??:

 

Ca marche tres bien  :o

 

( http://tomas.pcsave.free.fr/ ) <= site encore en dev hein  :D

 

edit : et pas du tout optimisé niveau poids ,avec 150ko de flash :sweat:


Message édité par tomsoft le 25-04-2007 à 19:48:17
Reply

Marsh Posté le 25-04-2007 à 19:48:47    

Si ca fonctionne et que ca te convient : oui ca marche trés bien...
Mais essaye de voir du côté des CSS (cf google) tu verra que ca peut être pas mal aussi...
 
Contente toi des tableaux avant de t'attaquer au css...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 25-04-2007 à 21:02:32    

:jap: le css je verais ca quand j'aurais le temps, la je finis le site et apres pourquoi pas ;)

Reply

Marsh Posté le 25-04-2007 à 21:02:32   

Reply

Marsh Posté le 25-04-2007 à 22:24:36    

J"ai -10 à chaque oeil à cause de ton site, c'est quoi ce fond d'ecran horrible

Reply

Marsh Posté le 25-04-2007 à 22:47:14    

arf, les avis sont tres partagés la dessus :/
 
c'est une texture carbonne, certains trouvent que c'est bien et d'autres :/

Message cité 1 fois
Reply

Marsh Posté le 25-04-2007 à 23:40:48    

tomsoft a écrit :

arf, les avis sont tres partagés la dessus :/
 
c'est une texture carbonne, certains trouvent que c'est bien et d'autres :/


elle fait tout simplement mal aux yeux

Reply

Marsh Posté le 26-04-2007 à 10:10:27    

Ca pique :ouch:


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 26-04-2007 à 10:12:30    


 
c'est ça ton aide ?  
tu lui demandes le code mais au final tu ne l'aides pas.... :/


---------------
OUAIB | FLICKR | HFR | 500 PX
Reply

Marsh Posté le 26-04-2007 à 10:29:08    

Je rebondis sur ce post, car j'ai le même probleme. J'ai fait un test simple, à savoir reproduire l'image du tableau ci-dessus.  
J'ai donc fait une page html vite fait pour comprendre pourquoi IE ne distribue pas l'espace à la seule case qui n'a pas de hauteur fixe.
(Sous FF ca marche nickel).  
 
Voici mon code :  
 
<html>
<body>
<table width="730" border="1">
 <tr><td colspan="2" height="40">b</td></tr>
 <tr><td width="140" height="40">a</td><td style="background-color:red;" width="570" rowspan="5">f<BR>f<BR></td></tr>
 <tr><td height="40">b</td></tr>
 <tr><td>ccc</td></tr>
 <tr><td height="40">d</td></tr>
 <tr><td height="40">e</td></tr>
</table>
</body>
</html>
 
Après je joue sur le contenu de la case de droite pour augmenter sa hauteur et voir ce qui se passe.
J'ai beau me triturer les méninges, je n'arrive pas à forcer IE à ne redistribuer que là où il faut.
 
Si qqun peut m'aider, ça m'arrangerait fortement ;-)


Message édité par frodum le 26-04-2007 à 10:29:51
Reply

Marsh Posté le 26-04-2007 à 11:01:57    

Le truc, c'est que j'ai fait un truc assez poussé avec des tableaux et je ne peux plus me résoudre à passer en CSS. Et j'ai du mal à croire que je ne puisse régler le problème sur mon exemple simple (ce qui me permettrait de résoudre mon truc poussé)

Reply

Marsh Posté le 26-04-2007 à 11:24:22    

Bon j'ai trouvé un truc mais bon, ca m'arrange pas de retoucher à la structure du tableau...
 
<html>
<body>
<table width="730" border="1">
 <tr height="40"><td colspan="2" height="40">b</td></tr>
 <tr height="40">
  <td>
   <table border="1" height="100%">
    <tr>
     <td width="140" height="40">a</td>
    </tr>
    <tr height="40" style="position:relative">
     <td height="40">b</td>
    </tr>
    <tr><td>ccc</td></tr>
    <tr height="40"><td height="40">d</td></tr>
    <tr height="40"><td height="40">e</td></tr>
   </table>
  </td>
  <td style="background-color:red;" width="570">
   <table height="100%">
    <tr>
     <td>f<BR>f<BR>f<BR>f<BR>f<BR>f<BR>f<BR>f<BR>f<BR>f<BR>f<BR>f<BR>f<BR>f<BR><td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</body>
</html>

Reply

Sujets relatifs:

Leave a Replay

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