POSIZIONAMENTO DI PULSANTE IN UNA TABELLA
Ho provato a fare una newsletter con le tabelle al cui interno è posizionato un pulsante a metà del bordo della cella inferiore (non so se è chiaro il concetto: è una tabella con bg color, il pulsante e a metà del bordo inferiore)
Per posizionarlo a metà, non riuscendo ad allinearlo con align, ho usato position: relative per la tabella e absolute per il pulsante.
In IE rimane allineato com'è; in FF se diminuisco ed ingrandisco la dimensione del sito anche se il pulsante parte da una posizione allineata poi si disiallinea.
Provando a mettere solo relative al pulante mi diseallinea la tabella ma non il pulsante
Ecco il codice
codice:
<table class="tabella1" align="center" border="1" cellspacing="0" >
<tr >
<td valign="top">
<table class="tabella2" width="656" cellpadding="0" cellspacing="0" align="center" height="360">
<tr>
<td width="212"><font size="+4" face="Vivaldi">Grupalia</font></td>
<td width="444"><font size="+2">I prodotti High Tech che migliorano il tuo tempo libero a prezzi imbattibili</font></td>
</tr>
<tr>
<td colspan="2" valign="top" >[img]immagini/newsletter2.jpg[/img]</td>
</tr>
</table>
<table width="366" align="center" cellspacing="5" class="tabella3" height="242">
<tr>
<td bgcolor="#FFFFFF" >
Goditi la nuova sezione shopping di grupalia , dove troverai tantissimi prodotti Hi Tech di ultima generazione. Televisori LCD, plasma o LED, smartphones, tablets e tanto altro, con sconti fino al 90%.</p>
Come funziona? Semplice! Guarda ogni giorno le proposte che più ti interessano e scegli quella che fa per te. Attenzione però hai solo 24h per acqustarla!</p></td>
</tr>
<tr>
<td align="right">Iscriviti ora e approfitta delle fantastiche proposte che solo Grupalia sa offrirti</td>
</tr>
<tr>
<td height="26"><input class="pulsante" name="reg" type="button" value="REGISTRATI" /></td>
</table>
</td>
</tr>
</table>
body{ margin:0; padding:0; }
table.tabella1 { height:700px;}
table.tabella1 td{ border:none; }
input.pulsante{ background-color:#63F; position:relative; left:130px; top:22px;}
table.tabella1{ background-image:url(immagini/Grafica_nwsletter.jpg); border-color:#9ef4f7}
table.tabella3{background-image:url(immagini/sfondoTabella.gif); padding:5px;}
table.tabella2{margin:0; padding:0;}