Google+ und Facebook Like Button nebeneinander

el-cheffe

Administrator
Registriert
12 Dez. 2010
Beiträge
2.805
Punkte
163
Ort
München
Da ich nun schon oft eine Lösung für dieses Problem gesucht habe, Google aber nie auf Anhieb das einfachste Ergebnis ausgibt, fasse ich meine Vorgehensweise hier zusammen.

Wenn man auf seiner Seite die berühmten "+1" (Google) und "like"(Facebook) Buttons in einer Linie nebeneinander positionieren möchte, steht man schnell vor dem Problem, dass einer der beiden ein Paar Pixel unter dem anderen liegt. In meinem Fall scheint der Facebook Button stehts ein wenig weiter unten zu sein. Um gar nicht lange um den heißen Brei herum zu reden genügt es:

Code:
[COLOR=#000000]float: left;
[/COLOR][COLOR=#000000]display: block;[/COLOR]

dem jeweiligen Teil hinzu zu fügen

Code:
<table width="100%" cellpadding="3" cellspacing="3">
    <tr>
        <td [COLOR=#FF0000]style="float: left;display: block;[/COLOR]>Google+DIV</td>
        <td [COLOR=#ff0000]style="float: left;display: block;[/COLOR]">FacebookDIV</td>
    </tr>
</table>

Ich habe eine Tabelle gewählt um das ganze einzuordnen. Evtl. gibt es mit "Div" Containern eine elegantere Lösung, ich habe jedoch diese gewählt. Wenn jemand aber eine feinere kennt, darf er sie hier gerne nennen.

Die beiden Buttons bekommt Ihr über folgende Links:

 
Zurück
Oben