Sponsor-Board.de

Normale Version: [Frage] Ausrichtung Facebook Button
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hallo,

ich verzweifel nun schon seit 2 Stunden an der Ausrichtung meines Facebook und Google+ Buttons auf meiner Webseite.

Es handelt sichd abei um die beiden Buttons auf folgender Seite:
[Link: Registrierung erforderlich]

Die beiden Buttons sollen direkt nebeneinander. Sollte dies nicht funktionieren (ggf. nur umständlich) dann soll nur der Facebook-Button mittig platziert sein (wie jetzt der Google+ Button)

HTML Code:

Code:
<center><fb:like href="<?php echo"http://www.gutschein.to".$_SERVER['REQUEST_URI']; ?>" send="true" layout="box_count" width="400" show_faces="false" font=""></fb:like>
<g:plusone size="tall"></g:plusone>
<script type="text/javascript">
  window.___gcfg = {lang: 'de'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</center>


CSS:

Code:
/* ===================== _SINGLE.PHP STYLES ======================== */

    .thumbnail-large {  background: url(images/thumbnail-large.png) no-repeat; float: left;  min-height: 150px; padding-top: 13px;text-align: center; vertical-align: middle;width: 200px; }
    .thumbnail-large a { height:190px; }
    .post .text { float: right;width: 350px;}
    .post .text p {  line-height: 20px; }
    #SingleImage { max-width:200px; float:lefter; padding-right:15px; padding-bottom:15px;  }
    ul.tabs { margin-top:15px; }
    #comments{     }
    .commentlist  { list-style:none;  list-style-type:none; }
    .comment-body { background:#ddd; border:1px solid #ccc; padding:10px; margin-top:10px; }
    .reply { padding:3px; background:#666; border:1px solid #ccc;  width:100px; text-align:center; line-height:normal; }
    .reply a { color:#FFFFFF; font-size:12px; }
    .comment { padding-top:10px; font-size:16px; line-height:30px;}
    .commentmetadata a { text-transform:uppercase; font-size:11px; }
    .fn { font-size:16px; font-weight:bold;  }
    .fn a { color:#666; }
    .plinks {color: rgb(102, 102, 102);float: left; font-size: 12px;margin: 5px 0px 0px 0px;}
    .plinks a {background: rgb(186, 11, 10); color: white;display: block;float: left;font-size: 11px;font-weight: bold; margin: 0px 7px 7px 0px; padding: 4px 6px;text-decoration: none;}
    .plinks a:hover { background: red; }
    .entry p {text-align: left;  }
    .entry a { text-decoration:underline; }
    .entry ul { margin-left:20px; padding-bottom:20px; list-style:disc; }
    
    .expires { font-size:10px; }
    #PPTSinglePage-post .middleSidebar { width: 65%;}
    #PPTSinglePage-post .rightsidebar { width: 33.5% !important;margin-left: 10px;margin-right: 0px;}


Wer mir hilft kriegt 4€ per Paypal Smile

Mach ne Tabelle mit zwei Spalten und pack beide rein = Problem gelöst Smile
Die Idee hatte ich auch schon. Klappt aber leider nicht.
versuch mal :

um das script nen div mit "float:left;"
Klappt leider auch nicht.
dann dasselbe um den facebook teil Wink müsste eigl gehen

Code:
<div float:left;><center><fb:like href="<?php echo"http://www.gutschein.to".$_SERVER['REQUEST_URI']; ?>" send="true" layout="box_count" width="400" show_faces="false" font=""></fb:like></div>  <div float:left;><g:plusone size="tall"></g:plusone>
<script type="text/javascript">
  window.___gcfg = {lang: 'de'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</center></div>


Klappt leider nicht :/

<div style="float:left;"><center><fb:like href="<?php echo"http://www.gutschein.to".$_SERVER['REQUEST_URI']; ?>" send="true" layout="box_count" width="400" show_faces="false" font=""></fb:like></div> <div style="float:left;"><gTonguelusone size="tall"></gTonguelusone>
<script type="text/javascript">
window.___gcfg = {lang: 'de'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</center></div>
Sehr schlecht mit dem Tongue Biggrin

Code:
Gibt es hier keinen Code-Tag?

Geht auch nicht :/
Seiten: 1 2
Referenz-URLs