Posizionare un'immagine in una tabella

[faxuno]

Buondì

Qualcuno mi può dare una mano? Ho il seguente problema.

Ho una tabella creata con il comando <TABLE>, divisa in 5 riquadri in orizzontale e 4 in verticale. Quindi ci sono 20 riquadri nella tabella.
All'interno di ciascun riquadro c'è un testo linkato.
Provo a mettere una piccola immagine in gif di 45x15 sopra ad uno dei 20 testi linkati, ma mi si sballano le forme degli altri, una riga si alza a dismisura ed altre si abbassano a dismisura.

Come mai succede questo? Scusate la mia ignoranza in HTML.

Attacco qua il codice della tabella:

<TABLE style="WIDTH: 823px; HEIGHT: 468px" borderColor=#ffffff cellSpacing=1
cellPadding=1 width=823 background=b31.JPG border=1>

<TR vAlign=center align=middle>

<TD vAlign=center align=middle width="20%"><A href="ValledAosta.aspx">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Valle d'Aosta</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%"><A href="Piemonte.aspx">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Piemonte</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%"><A href="Liguria.aspx"><FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Liguria</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%"><A href="Lombardia.aspx">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Lombardia</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle
width="20%"><A href="Veneto.aspx"><FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Veneto</FONT>
</FONT></P></FONT></TD></TR>


<TR vAlign=center align=middle>

<TD vAlign=center align=middle width="20%"><A href="TrentinoAltoAdige.aspx">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Trentino A.Adige</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%"><A href="FriuliVeneziaGiulia.aspx">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Friuli V.Giulia</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%"><A href="EmiliaRomagna.aspx"><FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Emilia Romagna</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%"><A href="Toscana.aspx">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Toscana</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle
width="20%"><A href="Marche.aspx"><FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Marche</FONT>
</FONT></P></FONT></TD></TR>

<TR vAlign=center align=middle>

<TD vAlign=center align=middle width="20%"><A href="Umbria.aspx">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Umbria</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%"><A href="Lazio.aspx">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Lazio</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%"><A href="Abruzzo.aspx"><FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Abruzzo</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Campania</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle
width="20%"><FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Molise</FONT>
</FONT></P></FONT></TD></TR>

<TR vAlign=center align=middle>

<TD vAlign=center align=middle width="20%">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Calabria</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Basilicata</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%"><FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Puglia</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle width="20%">
<FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Sicilia</FONT>
</FONT></P></FONT></TD>

<TD vAlign=center align=middle
width="20%"><FONT face="Trebuchet MS" color=#ffffff
>


<FONT
><FONT
face="Trebuchet MS"
color=#ffffff>Sardegna</FONT>
</FONT></P></FONT></TD></TR>

</TABLE>

[mucu]

rendi il codice leggibile scrivendo tutto in piccolo (o tutto in grande , ma non a volontà, o piccolo o grande, preferibilmente piccolo)
usando il tasto cancelletto
cancellando qualsiasi cosa che riguardi la formattazione in linea (colori font etc)
lascia soltanto eventuali dimensioni della tabella e delle celle

[polinet]

utilizza le percentuali per le tabelle.
cosa che non hai fatto nell'aprire la tabella pero' nei <TD> si ? :master:

[faxuno]

Ciao Polinet

A dirti la verità la pagina e quindi la tabella l'avevo creata con Finson Web Generator, poi ho iniziato a modificare nel tempo il codice in base alle esigenze.
Cosa vuol dire quello che dici sulle percentuali, e cosa cambierebbe secondo te?

Illuminami

[polinet]

una cosa tipo:
<table width="100%" border="1">
<tr>
<td width="20%" align="center">[img]img/tua_immagine.gif[/img]
<a href="tua_pagina.aspx>LINK</a></td>
<td width="20%" align="center">[img]img/tua_immagine.gif[/img]
<a href="tua_pagina.aspx>LINK</a></td>
<td width="20%" align="center">[img]img/tua_immagine.gif[/img]
<a href="tua_pagina.aspx>LINK</a></td>
<td width="20%" align="center">[img]img/tua_immagine.gif[/img]
<a href="tua_pagina.aspx>LINK</a></td>
<td width="20%" align="center">[img]img/tua_immagine.gif[/img]
<a href="tua_pagina.aspx>LINK</a></td>
</tr>
<tr>

</tr>
</table>

io sinceramente in ogni <TD> farei un'altra tabella dove mettere l'immagine e il link. (risulta piu' ordinato), specialmente se le immagini non hanno tutte le stesse dimensioni.
controlla il tuo codice, che stai aprendo <FONT> che non servono.
ciao

[faxuno]

Alleluia!

Ho risolto mettendo dentro al TD la riga: heigth="25%" ... intuito