2012-10-12 45 views
1

我剛剛在wordpress中構建了一個網站,並在模板的標題部分添加了一些社交圖標,並設法讓它們處於正確的位置,並全部對齊右上方。定位Facebook像現有社交圖標的wordpress標題

我現在已經生成了Facebook的按鈕來合併,但它似乎完全錯位,我不知道如何得到它的位置。

請有人建議。對不起,如果這是一個愚蠢的問題,但我通常設法讓一些東西在玩過後挺直,但在這個場合失敗了,並且無法找到一種方式來做到這一點,因爲我現有的社交圖標或不混亂我的菜單欄。

對現有的社會圖標的代碼如下:

<div style="height:60px;"><section id="mysocial-menubar-99" class="widget  widget_social" style="padding-top:14px; text-align:right" > 
<div class="social_wrap social_animation_fade komodomedia_32"><a href="http://dubaiartist.com/contact" rel="nofollow" target="_self"><img src="http://dubaiartist.com/wp-content/themes/striking/images/social/komodomedia_32/email_32.png" alt="Want to know more?Meer weten? Just contact us!" title="Want to know more? Just contact us!"/></a> 
<a href="http://www.facebook.com/dubaiartist" rel="nofollow" target="_blank"><img src="http://dubaiartist.com/wp-content/themes/striking/images/social/komodomedia_32/facebook_32.png" alt="Follow us on Facebook" title="Follow us on Facebook"/></a> 
<a href="http://www.twitter.com/dubaiartist" rel="nofollow" target="_blank"><img src="http://dubaiartist.com/wp-content/themes/striking/images/social/komodomedia_32/twitter_32.png" alt="Follow us on twitter" title="Follow us on twitter"/></a></div </section></div> 

然後,我有Facebook的JavaScript代碼(通過Facebook的生成)如下:

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

最後的代碼的地方我想插件的位置:

<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div> 

非常感謝, 丹尼爾

回答

0

在本節,你把你的按鈕,你到底有:

</a></div </section></div> 

你有一個結束的div沒有正確關閉,請嘗試:

</a></div> </section></div> 
+0

噢,對不起,我當我在發佈到這個網站時遇到麻煩時,我認爲我這樣做了 - div實際上在那裏關閉。我真的需要一些方法來定位像按鈕。目前它覆蓋在我的標題菜單項上。感謝您的輸入 – user1740390

+0

其他人能夠幫助嗎?非常感謝。 – user1740390