par
hormia » 03 mai 2005, 15:36
Voici le code du tableau en question :
Code : Tout sélectionner
<table width="800" border="1" cellspacing="0" cellpadding="0" style="table-layout:fixed;">
<tr>
<td width="110" height="99"><img src="image/logo.jpg" width="110" height="99"></td>
<td width="15" height="99"><img src="image/BandeauLogo.jpg" width="15" height="99"></td>
<td colspan="2" width="470" height="99"><img src="image/Banners/bienvenue.jpg" width="470" height="99"></td>
<td width="15" height="99"><img src="image/BandeauLogo.jpg" width="15" height="99"></td>
<td width="190" height="99">
<script language="JavaScript">
if (document.getElementById || document.all){
document.write('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);background-color:'+sbcolor+';" onMouseover="sspeed=0;" onMouseout="sspeed=resumesspeed">')
document.write('<div id="slider" style="position:relative;width:'+swidth+';">')
document.write('</div></div>')
}
</script>
</td>
</tr>
<tr>
<td colspan="6" width="800" height="38"><img src="image/BarreHaut.jpg" width="800" height="38"></td>
</tr>
<tr>
<td width="110" height="40"><img src="image/gauche.jpg" width="110" height="40"></td>
<td width="15" height="40"><img src="image/Barreangle.jpg" width="15" height="40"></td>
<td width="25" height="40"><img src="image/rondangle.jpg" width="25" height="40"></td>
<td bgcolor="#ffffff" width="445" height="40"></td>
<td colspan="2" bgcolor="#ffffff"></td>
</tr>
<tr>
<td height="100"><? include('menugauche.php'); ?></td>
<td width="15" class="barregauche"></td>
<td bgcolor="#ffffff" rowspan="3" colspan="4" height="800">
<? include($centre); ?>
<br />
<br />
<hr />
<br />
<br />
<div align="center">
Réalisation : Contact:<BR />
Hébergement <BR />
<a href="?page=reglement">Condition d'utilisation</a>
</div>
</td>
</tr>
<tr>
<td width="110" valign="top" bgcolor="#ffffff"><img src="image/RondBas.jpg" width="110" height="130"></td>
<td width="15" valign="top" bgcolor="#ffffff"><img src="image/BarreRondBas.jpg" width="15" height="130"></td>
</tr>
</table>
Cibler le problème :
la page menugauche.php est un menu qui peut augmenter sa taille en hauteur, la cellule qui le contient doit donc pouvoir augmenter en fonction des rollover.
la page $centre c'est du texte plus ou moins long.
Je veux que l'image RondBas.jpg colle au menu, et que ce qui y en dessous de l'image soit en blanc jusqu'à la fin de tableau.
la hauteur du tableau varie en fonction de $centre.
J'ai utilisé table-layout:fixed;
C'est vrai que si mon $centre est très long, alors le rondBas.jpg n'est plus collé au dessus.
Le pixel transparent, il change rien.