Das offizielle Kubaforum

Werde auch Du Teil der deutschsprachigen Kuba-Community. Die Anmeldung ist absolut kostenfrei und in wenigen Augenblicken abgeschlossen. Direkt danach bist Du in der Lage, eigene Themen zu erstellen oder auf bestehende zu antworten, sowie Dich mit anderen Mitgliedern zu verbinden.
Sei dabei. Wir freuen uns auf Dich!

Google+ und Facebook Like Button nebeneinander

el-cheffe

Administrator
Registriert
12 Dez. 2010
Beiträge
2.721
Punkte Reaktionen
403
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:

 
Oben