[Risolto] Allineare box di Feedburner

[girovago]

[Risolto] Allineare box di Feedburner

Non riesco a centrare bene il box di Feedburner per gli abbonamenti via e-mail.

Come vedere non è centrato bene.

Questo è il codice attuale:

<form style="border:1px solid #ccc;padding:1px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=passionemaglie', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Inserisci il tuo indirizzo e-mail:</p><p><input type="text" style="width:150px" name="email"/></p><input type="hidden" value="passionemaglie" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Abbonati" /></form>

Consigli?

[olaola]

Ciao Girovago,

il codice sembra corretto. Ho provato a fare una paginetta di prova e funziona correttamente sia con Firefox che con I.E.

Sei sicuro di non avere altri caratteri prima di iniziare il form?

Il form stesso sta' dentro un div? Come è impostato.

[girovago]

Il form è in un div che a sua volte è in un widget, posto il codice completo:

<div id="spot1">
<a target="blank" href="http://feeds.feedburner.com/passionemaglie">
<img class ="alignleft" src="http://www.passionemaglie.it/wp-content/themes/lifestyle1/images/feed-rss.png" width="56" height="56" alt="Abbonati al Feed RSS" style="margin-right:5px" /></a><strong>Vuoi essere sempre aggiornato e non perdere le ultime novità? <a target="blank" href="http://feeds.feedburner.com/passionemaglie">Abbonati gratis al nostro Feed RSS.</a><br /></strong><br />
Non sai cos'è? <a href="

" target="blank" >Guarda il video</a><br /><br />
<strong>Puoi anche abbonarti via e-mail</strong>, inserisci il tuo indirizzo in basso e riceverai gli aggiornamenti nella tua casella di posta:
<form style="border:1px solid #ccc;padding:1px;text-align:center; margin:110,10,110,0;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=passionemaglie', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Inserisci il tuo indirizzo e-mail:</p><p><input type="text" style="width:150px" name="email"/></p><input type="hidden" value="passionemaglie" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Abbonati" /></form></div>
Questo è invece nel file .css
#spot1 {
margin-top: 0px;
margin-bottom:5px;
padding: 10px;
font-size: 10px;
background-color:#F0F1F2;
border:1px solid #C3C3C3;
}

[girovago]

Nessuna soluzione?

[claudio.c]

Ciao, hai un link per verificare?

[girovago]

*ttp://www.passionemaglie.it
Il box è sistemato a destra, grazie.

[claudio.c]

Ho trovato che il <p> contenitore ha il seguente codice

#sidebar p {
margin:0;
padding:0 0 0 45px;
}

Prova a mettere: padding:0.

[girovago]

Semplicemente perfetto, grazie.