Voila je bosse sur une webradio qui va bientôt ouvrir et le patron a acheter un KIT GRAPHIQUE en guise de SITE
hors tout le site est codé en TABLEAU chose que j'ai horreur 
je préfére les divisions ^^ Voila http://tplv.free.fr/index.php voila la page d'accueil comme vous pouvez le remarquer rien n'ai aligné et je cherche mais je trouve pas
je souhaiterais que toutes les partie "grise " la ou il y a le texte soit égale et donc que les photos en bas soit bien alignées ... Merci d'avance pour votre grande aide
Code : Tout sélectionner
<td valign="top"><table width="766" height="auto" border="0" cellpadding="0" cellspacing="0" style="height:auto; ">
<tr>
<td height="auto" valign="top">
<table width="766" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="auto" valign="top" style="background:url(images/bg.jpg) top left no-repeat ">
<table width="766" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6" valign="top"></td>
<td width="222" valign="top">
<table width="222" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="209" valign="top" style="background:url(images/bg1.jpg) top no-repeat #222222 ">
<div style="margin:11px 15px 10px 18px; ">
<div align="center"><span class="titre" style="margin-left:0px; ">Actualité Musicale</span><br>
</div>
<p> <img src="images/spacer.gif" alt="" width="1" height="19"><br>
<img src="images/pic.jpg" alt=""><br>
<img src="images/spacer.gif" alt="" width="1" height="10"><br>
<strong>L'Actu musique en live:</strong><br>
- Estelle invitée du Paris Hip Hop 2008 </strong><br>
- Quentin Mosimann <br>
- Jennifer Paige sort de l'ombre
<p><img src="images/a1.gif" alt="d" class="arrow_right"><a href="music.php">Lire la suite </a><br>
<img src="images/spacer.gif" alt="" width="1" height="8"><br>
</p>
</div> </td>
</tr>
<tr>
<td height="72" valign="top">
<div style="margin-top:5px; ">
<a href="#"><img src="images/banner.jpg" alt="" border="0"></a></div> </td>
</tr>
</table> </td>
<td width="7" valign="top"></td>
<td width="222" valign="top">
<table width="222" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100" valign="top" style="background:url(images/bg2.jpg) top no-repeat #222222 " class="music_list">
<div style="margin:11px 15px 10px 18px; ">
<div align="center"><span class="titre" style="margin-left:0px; ">Liens D'Ecoute</span><br>
</div>
<img src="images/spacer.gif" alt="" width="1" height="19"><br>
<ul>
<li><a href="http://generation-radio.net/G-R.m3u">Lien Winamp</a></li>
<li><a href="http://generation-radio.net/G-R.asx">Lien Windows Media Player</a></li>
<li><a href="http://generation-radio.net/G-R.ram">Lien Real Player</a></li>
</ul>
</div> </td>
</tr>
<tr>
<td height="109" valign="top" style="background-color:#222222 " class="music_list1">
<div style="margin:0px 0px 10px 18px; ">
<ul>
<li><a href="#">D</a>écouvre toute l'équipe de la G-Radio ainsi que ses auditeurs sur le Blog-GR </li>
</ul>
<p><img src="images/spacer.gif" alt="" width="1" height="8"></p>
<p><br>
<img src="images/a1.gif" alt="" class="arrow_right"><a href="#">Blog-GR</a></p>
</div> <br><br> </td>
</tr>
<tr>
<td height="72" valign="top">
<div style="margin-top:5px; ">
<a href="#"><img src="images/PinksoundLogo2.jpg" alt="" width="244" height="61" border="0"></a></div> </td>
</tr>
</table> </td>
<td width="7" valign="top"></td>
<td width="244" valign="top">
<table width="244" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="209" valign="top" style="background:url(images/bg3.jpg) top no-repeat #222222 ">
<div style="margin:11px 15px 10px 18px; ">
<div align="center"><span class="titre" style="margin-left:0px; ">La Partie Live!</span><br>
</div>
<img src="images/spacer.gif" alt="" width="1" height="16"><br>
<img src="images/pic1.jpg" alt=""><br>
<img src="images/spacer.gif" alt="" width="1" height="10"><br>
<strong>*En se moment sur G-R:</strong><br>
Des dernières nouveautés en passant par le son Rock & Electro, découvrez le meilleurs des Hits sur G-Radio.<br>
<img src="images/spacer.gif" alt="" width="1" height="8"><br>
<img src="images/a1.gif" alt="" class="arrow_right"><a href="planning.php">Grille des Programmes </a></div> <br><br><br></td>
</tr>
<tr>
<td height="72" valign="top">
<div style="margin-top:5px; ">
<a href="#"><img src="images/banner2.jpg" alt="" border="0"></a></div> </td>
</tr>
</table> </td>
<td width="58" valign="top"></td>
</tr>
</table> </td>
</tr>
</table>