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;}

Rispondi quotando