作者SJobs (蘋果執行長)
看板Web_Design
標題[問題] 如何並排這兩個網頁小工具
時間Wed Jul 13 22:09:29 2011
我想將Blogger中的兩個小工具,也就是網頁元素並排在一起
http://www.webpagescreenshot.info/img/255851-713201150507PM
圖中可以看到兩個小工具,一個是分享按鈕,另一個是Facebook的社交元件
我想要將Facebook社交元件並排在分享鈕的旁邊,請問這要如何處理?
上網查了一下,發現這和span與div語法有關,不過我不管怎麼試,都無法成功
還請高手幫幫忙。
<span class='post-share-buttons'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
<p> </p>
<script>
document.write('<iframesrc="
http://www.facebook.com/plugi
ns/like.php?href=<data:post.url/>&layout=standard&show_faces=true&width=450&action=like&font=verdana&colorscheme=light" scrolling="no" frameborder="0"
allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:30px"></iframe>');
</script>
</b:if>
</span></div>
*1:<b:include data='post' name='shareButtons'/>為分享按鈕的主體
*2:<script>.....</script>為Facebook社交元件的主體
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.240.141.136
1F:→ averywu:你前面少個<div> 所以不知道有沒有float 07/13 22:10
我有試過,不過會發生錯誤。這就表示這個</div>是有對應到東西的,不過我找不到。錯
誤敘述為「我們無法剖析您的範本,因為它的結構不完整。 請確定所有的 XML 元素均已
正確關閉。XML 錯誤訊息: The element type "div" must be terminated by the matc
hing end-tag "」
2F:→ averywu:先把 <p> </p> 拿掉試試 07/13 22:12
這是我用來調整高度用的,應該沒有關係,我已經測試過了。
3F:→ averywu:有沒有完整的CODE,有興趣玩看看 07/13 22:52
http://goo.gl/5k54f 麻煩您了
※ 編輯: SJobs 來自: 111.240.141.136 (07/13 22:58)
4F:→ averywu:XML 愛莫能助 Orz... 07/13 23:04
5F:→ reso:把頁面網址提供出來,用firebug看也比較快。 07/14 14:19