Bordo inferiore cella tabella

[massimo74rn]

Ciao ragazzi, ho un problema enorme, vi posto il codice e vi spiego:


codice:
<table border=0 width=900 cellpadding=0 style="border-collapse: collapse" >
<tr>
<td height=20 width=900 valign="bottom">
[img]Images/SfondoNero1.gif[/img] <---- qui ho il problema
</td>
</tr>

<tr>
<td width=900 align=center bgcolor=black >[img]Images/Fiamma.gif[/img]</td>
</tr>

<tr>
<td height=20 width=900 colspan=2>
[img]Images/SfondoNero2.gif[/img]
</td>
</tr>

</table>

dove ho evidenziato il problema, vorrei che l'immagine SfondoNero1.gif che è una linea 900x20 con i bordi arrotondati verso il basso, siaallineata perfettamente in basso, invece rimane una striscia vuota come uno spazio con la cella sottostante, quindi non rimane uno sfondo omogeneo.
Spero di essere stato abbastanza chiaro.

[Vincent.Zeno]

dovrebbe trattarsi del solito problema di rendering di IE che mette un po' di spazio PRIMA dell'immagine.

prova così:

 
<table border=0 width=900 cellpadding=0 style="border-collapse: collapse" >
<tr>
<td height=20 width=900 valign="bottom">[img]Images/SfondoNero1.gif[/img] <---- qui ho il problema
</td>
</tr>

<tr>
<td width=900 align=center bgcolor=black >[img]Images/Fiamma.gif[/img]</td>
</tr>

<tr>
<td height=20 width=900 colspan=2>[img]Images/SfondoNero2.gif[/img]
</td>
</tr>

</table>

[massimo74rn]

Ti ringrazio , ma non ottengo nulla di nuovo e comunque non capisco dove hai cambiato il codice!

[Vincent.Zeno]

infatti il codice non è cambiato: ho solo spostato il tag img e questo solitamente risolve il problema.


ma forse aggiungendo un cellspacing="0" alla tabella risolvi

[massimo74rn]

Guarda che è stranissima sta cosa non mi era mai capitata e ne sto uscendo pazzo, comunque ho riscritto così:

<table border=0 width=900 cellpadding=0 style="border-collapse: collapse" >

<tr><td colspan=2 height=20 width=900 valign="bottom">[img]Images/SfondoNero1.gif[/img]</td></tr>

<tr><td width=50 align=center bgcolor=black >[img]Images/Fiamma.gif[/img]</td>
<td width=850 align=left bgcolor=black valign=top  >[img]Images/Welcome.gif[/img]</td></tr>

<tr>
<td height=20 width=900 colspan=2>[img]Images/SfondoNero2.gif[/img]</td>
</tr>

</table>

così per esempio nell'anteprima di frontpage va tutto bene, mentre in explorer ho lo stesso problema.

[massimo74rn]

OK grazie mille ora funziona tutto.