Facebook- und Tweet-Button nicht auf selber Höhe

[noirlama]

Hallo,

habe erneut ein kleines Problem und zwar sind auf meiner Website der Facebook- und der Tweet-Button um ca. 1 Pixel vertikal verschoben!

Hier ein Bild:
http://bildupload.sro.at/a/images/button_anordnung.jpg

Der Code folgt hier:

<table>
                     <tbody>
                     <tr>
                     <td bgcolor="#eeeeee" width="790px" height="20px" align="right"> 
                     <div class="fb-like" data-href="https://www.facebook.com/pages/xxxxxxx" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div> 
                        &nbsp;
                        
                     <a href="https://twitter.com/share" class="twitter-share-button" data-text="xxxxxx" data-count="horizontal" data-via="xxxxxxx" data-lang="de">Twittern</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                       
                        
                      </td>
                      </tr>
                      </tbody>
                    </table>

MfG

 

[xXxPeterPanxXx]

Der HTML Code sieht ziemlich böse aus.
HTML Tabellen sollten nur für die Darstellung von tabellarischen Daten benutzt werden und nicht für das Design.

Du könntest mit CSS bzw. mit margin dem Twitter-Button einen größen Außenabstand geben: margin: Außenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

a.[COLOR=#008000][COLOR=#0000FF]twitter-share-button[/COLOR][/COLOR] {
margin-top:3px;
[COLOR=#FF8000][I]/*margin-top = Abstand nach oben*/[/I][/COLOR]
}

Oder du benutzt das Style-Attribut (schlechtere Lösung):

 <a href="https://twitter.com/share" class="twitter-share-button" data-text="xxxxxx" data-count="horizontal" data-via="xxxxxxx" data-lang="de" style="margin-top:3px;">Twittern</a>

 

[noirlama]

Der HTML Code sieht ziemlich böse aus.
HTML Tabellen sollten nur für die Darstellung von tabellarischen Daten benutzt werden und nicht für das Design.

Du könntest mit CSS bzw. mit margin dem Twitter-Button einen größen Außenabstand geben: margin: Außenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

a.[COLOR=#008000][COLOR=#0000FF]twitter-share-button[/COLOR][/COLOR] {
margin-top:3px;
[COLOR=#FF8000][I]/*margin-top = Abstand nach oben*/[/I][/COLOR]
}

Oder du benutzt das Style-Attribut (schlechtere Lösung):

 <a rel="nofollow" href="https://twitter.com/share" class="twitter-share-button" data-text="xxxxxx" data-count="horizontal" data-via="xxxxxxx" data-lang="de" style="margin-top:3px;">Twittern</a>

Ok, werde die Tabelle dann wohl irgendwie ersetzten, beschäftige mich nur leider eben noch nicht so lange mit dem Bau von Websites, Danke! :-)

Werde deine Lösung sofort einbauen, sobald ich von der Arbeit Heim komme, Danke sehr!