Agrandissement de cellules d'un tableau ...

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Agrandissement de cellules d'un tableau ...

tomsoft

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

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:

Publicité

Profil supprimé

si tu nous filer le code se serai mieu

Message cité 1 fois

tomsoft

Code :

<?php /*
include "./haut.php";
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
include('./fonctions/fonctions.php');
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Furia Gear</title>
<style type="text/css">
<!--
body {
background-image: url(images/texture.jpg);
}
-->
</style></head>
<body marginheight="0">
<table width="970" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="16" rowspan="2"><img src="images/furiagear_01.png" width="16" height="200" /></td>
<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">
<param name="movie" value="anim-furia.swf" />
<param name="quality" value="high" />
<embed src="anim-furia.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="938" height="37"></embed>
</object></td>
<td width="16" rowspan="2"><img src="images/furiagear_03.png" width="16" height="200" /></td>
</tr>
<tr>
<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">
<param name="movie" value="electrocardiogramme.swf" />
<param name="quality" value="high" />
<embed src="electrocardiogramme.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="938" height="162"></embed>
</object></td>
</tr>
<tr>
<td><img src="images/furiagear_04.png" width="16" height="39" /></td>
<td width="179"><img src="images/furiagear_05.png" width="179" height="39" /></td>
<td width="10"><img src="images/furiagear_06.png" width="10" height="39" /></td>
<td width="88"><img src="images/furiagear_07.png" width="88" height="39" /></td>
<td width="60"><img src="images/furiagear_08.png" width="60" height="39" /></td>
<td width="85"><img src="images/furiagear_09.png" width="85" height="39" /></td>
<td width="84"><img src="images/furiagear_10.png" width="84" height="39" /></td>
<td width="145"><img src="images/furiagear_11.png" width="145" height="39" /></td>
<td width="287"><img src="images/furiagear_12.png" width="287" height="39" /></td>
<td><img src="images/furiagear_13.png" width="16" height="39" /></td>
</tr>
<tr>
<td> </td>
<td colspan="8" valign="top"><img src="images/furiagear_15.png" width="938" height="16" /></td>
<td> </td>
</tr>
<tr>
<td colspan="10" height="5"></td>
</tr>
<tr>
<td> </td>
<td height="16" valign="bottom"><img src="images/furiagear_23.png" width="179" height="16" /></td>
<td> </td>
<td colspan="6" valign="bottom"><img src="images/furiagear_25.png" width="749" height="16" /></td>
<td> </td>
</tr>
<tr>
<td colspan="3" rowspan="2" height="3"></td>
<td colspan="6" rowspan="7" valign="top" background="images/furiagear_33.png">
<?php
affiche_accueil();
?>
</td>
<td height="3"></td>
</tr>
<tr>
<td rowspan="2"> </td>
</tr>
<tr>
<td height="7"> </td>
<td valign="bottom"><img src="images/furiagear_41.png" width="179" height="16" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="center" valign="top" background="images/furiagear_32.png"><form id="form1" name="form1" method="post" action="">
<p><b><font size="2" face="helvetica">Insérez un mot clé :</font></sb><label>
<input type="text" name="textfield" />
</label></p>
<label>
<input type="submit" name="Submit" value="Valider" />
</label>
</form>
<br> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="9" rowspan="2"> </td>
<td valign="bottom" height="3"></td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td valign="bottom"><img src="images/furiagear_50.png" width="179" height="18" >
</td>
</tr>
<tr>
<td> </td>
<td valign="top" background="images/furiagear_32.png">
<font size="2" face="helvetica"> <b>
<?php
liste_categories(1);
?>
</b></font>
</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="10"></td>
</tr>
<tr>
<td align="center"> </td>
<td colspan="8" align="center" background="images/furiagear_65.png"><b><font size="1" face="helvetica">Copyright 2007 - Touts droits reservés FURIAGEAR.com - Codé par Tomas - <a href="http://designevilstarvirus.free.fr" target="blank"> Designed by Evil Star Virus </a></font></b></td>
<td align="center"> </td>
</tr>
</table>
</body>
</html>
<?php /*
include "./bas.php";
*/ ?>

Mon probleme se situe sur les cellules ligne 74 à 84, lors de affiche_accueil().

Sinon que pensez vous de tout reprendre en frames ?

Pyksel

Locker fou !

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 !

tomsoft

la semantique ?

tomsoft

probleme resolu, j'ai redivisé en 2 tableaux

Merci pour l'aide :jap:

Message cité 1 fois

Profil supprimé

tomsoft a écrit :

probleme resolu, j'ai redivisé en 2 tableaux

Merci pour l'aide :jap:

erf

Message cité 2 fois

tomsoft

erf ? :??:

Ca marche tres bien

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

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

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

Pyksel

Locker fou !

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 !

tomsoft

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

Publicité

gatsu35

Blablaté par Harko

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

tomsoft

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

gatsu35

Blablaté par Harko

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

Shinuza

This is unexecpected

Ca pique :ouch:

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

liverpowen

Profil : Friche Culturelle

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

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

frodum

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

frodum

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é)

frodum

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>

FORUM HardWare.fr

Graphisme

Web design

Agrandissement de cellules d'un tableau ...

Sujets relatifs
"tableau" en div, vos avis sur le code \|\| vertical align en css	[Photoshop] Création d'un tableau
Nom d'un tableau	Combien la taille en pixels de mon tableau?
Agrandissement d'images sans perte de qualité	ouverture d'un lien dans un tableau
[Photoshop]Tableau Coupe du monde :)	Dreamweaver : centrer un tableau verticalement.
Changer la police d'un tableau sous indesign	Avis sur tableau dynamique
Plus de sujets relatifs à : Agrandissement de cellules d'un tableau ...

Page générée en 0.118 secondes