IMPOSTARE UNA TABELLA

[pierpiero83]

Salve a tutti,

prendendo questo codice:

<div class="my_banner">
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
     <th colspan="1" scope="col"><a href="URL SEND MESSAGE"><img src="URL DELL'IMMAGINE SEND MESS" width="189" height="35" border="0" alt="" /></a></th>
     <th colspan="1" scope="col"><a href="URL ADD FRIEND"><img src="URL DELL'IMMAGINE ADD FRIEND" width="235" height="35" border="0" alt="" /></a></th>
     <th colspan="1" scope="col"><a href="URL FAVORITES"><img src="URL DELL'IMMAGINE FAVORITES" width="238" height="35" border="0" alt="" /></a></th>
     <th colspan="1" scope="col"><a href="URL FORWARD"><img src="URL DELL'IMMAGINE FORWARD" width="137" height="35" border="0" alt="" /></a></th>
  </tr>
  <tr height="10px" colspan="3">
  </tr>
  <tr>
    <td colspan="4" scope="col"><a href="URL DEL PROPRIO SITO"><img src="URL FOTO CHE FARA' DA TESTATA" /></td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
  <tr height="10px" colspan="3">
  </tr>
  <tr>
     <td colspan="1" rowspan="1">
         <a href="URL FACEBOOK"><img src="URL LOGO FACEBOOK" width="227" height="46" border="0" alt="" /></a></td>
     <td colspan="1" rowspan="1">
         <a href="URL PUREVOLUME"><img src="URL LOGO PUREVOLUME" width="368" height="46" border="0" alt="" /></a></td>
     <td colspan="1" rowspan="1">
         <a href="URL YOUTUBE"><img src="URL LOGO DI YOUTUBE" width="205" height="46" border="0" alt="" /></a></td>
   </tr>
</table>
</div>

<style>
.my_banner
{width: 800px; margin-left: -400px;
height: 562px;
position: absolute; left: 50%; top: 218px;
overflow:hidden;}
body table table td{padding-top:572px;}
div table table td{padding-top:0px;}
body table table table td {padding-top:0px;}
{controllo della lontananza dai top friend e dai commenti}
table table.friendsComments {margin-top:0px;}
table.friendspace {margin-top:0px;}
</style>

da questo myspace: http://www.myspace.com/soundtrackofasummer

è possibile costruire una tabella a proprio piacimento subito dopo la barra cerca, pubblicità e home.



Ma siccome la preferisco così (le misure sono in pixel ovviamente):




Come devo procedere per mapparla?

Qualcuno può aiutarmi a capire come devo modificare i valori???

Grazie!

[pierpiero83]

Scapocciando un pochino, il codice è diventato questo:

<div class="my_banner">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<th colspan="1" scope="col"><a href="URL LINK"><img src="URL IMMAGINE LINK" width="200" height="45" border="0" alt="" /></a></th>

<th colspan="1" scope="col"><a href="URL LINK"><img src="URL IMMAGINE LINK" width="200" height="45" border="0" alt="" /></a></th>

<th colspan="1" scope="col"><a href="URL LINK"><img src="URL IMMAGINE LINK" width="200" height="45" border="0" alt="" /></a></th>

<th colspan="1" scope="col"><a href="URL LINK"><img src="URL IMMAGINE LINK" width="200" height="45" border="0" alt="" /></a></th>

<table border="0" cellspacing="0" cellpadding="0">


</tr>
<tr height="0px" colspan="4">
</tr>

<tr>
<td colspan="4" scope="col"><a href="URL LINK SITO WEB"><img src="URL FOTO CHE VOLETE METTERE PER TESTATA" width="800" height="800" border="0" alt="" /></td></tr>

</table>

<table border="0" cellspacing="0" cellpadding="0"><tr height="0px" colspan="1">

</tr>

<tr>

<td colspan="1" rowspan="1"><a href="URL LINK CONTATTO FACEBOOK"><img src="URL FOTO COMPONENTI" width="160" height="240" border="0" alt="" /></a></td>

<td colspan="1" rowspan="1"><a href="URL LINK CONTATTO FACEBOOK"><img src="URL FOTO COMPONENTI" width="160" height="240" border="0" alt="" /></a></td>

<td colspan="1" rowspan="1"><a href="URL LINK CONTATTO FACEBOOK"><img src="URL FOTO COMPONENTI" width="160" height="240" border="0" alt="" /></a></td>

<td colspan="1" rowspan="1"><a href="URL LINK CONTATTO FACEBOOK"><img src="URL FOTO COMPONENTI" width="160" height="240" border="0" alt="" /></a></td>

<td colspan="1" rowspan="1"><a href="URL LINK CONTATTO FACEBOOK"><img src="URL FOTO COMPONENTI" width="160" height="240" border="0" alt="" /></a></td>

</tr>

</table>

</div>

<style>
.my_banner
{width: 800px; margin-left: -400px;
height: 1090px;
position: absolute; left: 50%; top: 220px;
overflow:hidden;}
body table table td{padding-top:1090px;}
div table table td{padding-top:0px;}
body table table table td {padding-top:0px;}
{controllo della lontananza dai top friend e dai commenti}
table table.friendsComments {margin-top:0px;}
table.friendspace {margin-top:0px;}
</style>

Forse sbaglio qualcosa ma quando visualizzo tutta la pagina non mi mostra le immagini caricate su imageshack salvate in gif.

Qualcuno sa come aggirare il problema?