फेसबुक की जगह और google + बटन इनलाइन की नियुक्ति?

क्या किसी के पास किसी पृष्ठ पर इन दो बटन को संरेखित करने के लिए कोई चाल है? डिफ़ॉल्ट रूप से फेसबुक जैसे बटन का आईफ़्रेम संस्करण Google प्लस बटन या इसके विपरीत के नीचे दिखाई देता है। क्या उन्हें इनलाइन रखने के लिए कोई सीएसएस चाल है?फेसबुक की जगह और google + बटन इनलाइन की नियुक्ति?

यह मेरे वर्तमान प्रयास है

<div style="float:left;width:100px;"> 
    <!-- Place this tag where you want the +1 button to render --> 
    <g:plusone></g:plusone> 

    <!-- Place this tag after the last plusone tag --> 
    <script type="text/javascript"> 
     (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> 
</div> 
<div style="float:left;width:auto;"> 
    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fmy_site&amp;layout=button_count&amp;show_faces=false&amp;width=350&amp;action=like&amp;font=lucida+grande&amp;colorscheme=light&amp;height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px;" allowTransparency="true"></iframe> 
</div>

स्रोत

2011-09-28 Paul

उन्हें एक सूची में डाल - यहाँ मैं क्या किया है (jsp बहाना)

<ul class="like-buttons"> 
<li class="g-plus-one"> 
    <g:plusone count="false"></g:plusone> 
</li> 
<li class="twitter-like"> 
    <a href="http://twitter.com/share" class="twitter-share-button" data-url="<%= url %>" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 
</li> 

<li class="fb-like"> 
    <iframe src="http://www.facebook.com/plugins/like.php?href=<%= facebookUrl %>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=dark&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px; color:#fff!important;" allowTransparency="true"></iframe> 
</li>

और सीएसएस:

ul.like-buttons{ 
float: left; 
list-style: none; 
margin: 5px 0 20px 0; 
padding: 0; 
width: 100%; 
} 

ul.like-buttons li{ 
    display: block; 
    float: left; 
    margin-right: 10px; 
} 
li.twitter-like{ 
    margin-top: 2px; 
}

स्रोत

2011-09-28 13:58:23

शानदार विचार! एक चैंप की तरह काम करता है, धन्यवाद – Paul

जो मैं देख रहा हूं! धन्यवाद। –

शायद माता पिता div चौड़ाई इस दो iframes चौड़ाई की राशि से कम है।

आपके एफबी आईफ्रेम की चौड़ाई 350px है। लेकिन बटन की तरह छोटा है।

स्रोत

2011-09-28 13:58:03 Narek

आप उन्हें एक div आवरण में शामिल करने के लिए है । हालांकि, आपकी वास्तविक मुझे

अपने कोड के लिए एक ही लाइन पर प्रदर्शित कर रहा है: http://jsfiddle.net/HbYn3/

स्रोत

2011-09-28 13:59:02 jflaflamme

निम्नलिखित गूगल का उपयोग के साथ साथ स्रोत प्रस्तुत करना:

<div style="margin-top: 11px;"><li class='g-plusone' data-size='tall'/></div></div>

आप अपने आवश्यकता के साथ मार्जिन समायोजित कर सकते हैं। यह मेरी आवश्यकता थी। Kuwar Dheeraj Srivastava One Click Lyrics India

स्रोत

2015-04-26 21:21:46

मैंने इसे div सेगमेंट में सिले दिया है ... –

और यह उपयोगकर्ता या डेवलपर के रूप में अच्छा लग रहा है ... –

क्या कोई अन्य तरीका है ??? तो मुझे बताओ ... जो इससे अधिक सरल और काम कर रहा है ... ??? –

फेसबुक की जगह और google + बटन इनलाइन की नियुक्ति?

उत्तर

संबंधित मुद्दे