Allineamento pulsante G+

marcsellier

Allineamento pulsante G+

Ciao ragazzi...

Ho un piccolo problema con la pubblicazione del pulsante G+ sui miei siti.
In pratica il pulsante di Google mi va sempre a capo su Internet Explorer (io uso la versione mentre su Chrome viene visualizzato correttamente nella riga che desidero.
Quindi se mi ritrovo tre pulsanti di condivisione (facebook, twitter, g+) sulla stessa riga di una tabella HTML, su IE avrò i primi 2 pulsanti su una riga e quello di g+ su un'altra riga. Come mai?

Quì potete vederne un esempio: bedandbreakfast-italia.it (guardate nell'header a sinistra). Dove sbaglio?

Questo errore lo visualizzo su tutti i miei siti...

Attendo un aiuto da chiunque, grazie mille

gabriele1986

Ciao

Premesso che l'uso delle tabelle non è la migliore pratica per gestire i layout dei siti web dal momento che non rispecchia gli standard del w3c.
Detto questo potresti risolvere il problema con IE creando una regola css apposita per il browser in questione.

marcsellier

Non è la prima volta che sento dire che le tabelle non sono il massimo, ma cosa dovrei usare per realizzare un sito?? Con le tabelle si sa in 2 secondi dove andrà il contenuto.

Comunque per risolvere il problema, potrei usare una regola CSS...ok, ma esattamente quale? Insomma, per scriverla dovrei prima di tutto sapere qual è il problema e quindi scrivere la soluzione nel CSS.

gabriele1986

[HTML][/HTML]Per creare i layout dei siti web dovresti usare i div e altri elementi dell html per le specifiche opzioni ( vedi uso delle liste ordinate o non ) e i file css per gestire il layout e il posizionamento delle diverse sezioni del sito.
Non ho modo ti testare il codice per vedere se la proprietà css che t suggerisco è corretta o meno, a vedere il risultato del sito con IE sembrerebbe un problema di padding trà gli elementi delle diverse "celle" della tabella.
Per creare la regola css forse devi rivedere anche il codice html per inserire ad esempio un attributo al selettore class della cella della tabella che contiene i bottoni facendo così ti basta richiamare il pseudoselettore class nel css per IE e settare i parametri.

[HTML]
<table>
<tr>
<td class="prima_cella">prima cella</td>
<td>seconda cella</td>
<td>terza cella </td>
</tr>
</table>

padding-left:15px;

}
</style>

[/HTML]

Il codice ha solo la funzione d'esempio.

marcsellier

@gabriele1986 said:

padding-left:15px;

Funziona! Grazie