• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Margin Like- und Google +1 Button

ka9de

Mitglied
edit: Problem gelöst

Edit: Die Fehlerursache war body { font-size.... } mit einer em Angabe. Lösung war font-size:100.01% und die Schriftgrößen seperat in den Klassen per em definieren.

Hallo

Beispielbild vom Problem:
margin.JPG
Also der Facebook Like Button hat nen Margin nach oben den ich nicht verhindern kann und der Google+1 Button hat einen Abstand nach unten (es sind allerdings laut Firebug beides keine Abstände).

Wie bekomme ich die jetzt auf gleiche Höhe?? Margin werden ignoriert.. vllt steh ich auch nur aufm Schlauch?

Hier könnt ihr testen Clemens Guenthermann Portfolio ich denke das lässt sich am einfachsten mit Firebug handlen.

HTML:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="/ind_css/css.css" />
</head>
<body>
<div class="social_media">
   <div class="facebook_button">
     <fb:like href="http://clegue.com/blog/jessysue/" layout="button_count" show_faces="false" width="100" font="verdana"></fb:like>
   </div>
   <div class="google_button">
     <g:plusone size="medium" href="http://clegue.com/blog/jessysue/"></g:plusone>
   </div>
</div>
</body>
</html>
HTML:
.facebook_button {
  display : inline;
}
.google_button {
  display : inline;
}
.social_media {
  text-align : left;
}
Grüße
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben