1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Google+ und Facebook Like Button nebeneinander

Dieses Thema im Forum "Die digitale Welt" wurde erstellt von el-cheffe, 22 Feb. 2013.

  1. el-cheffe

    el-cheffe Administrator

    2.499
    266
    83
    12 Dez. 2010
    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:

     

Diese Seite empfehlen