Blogger分隔線問題 - 部落格

Table of Contents

※ 引述《lionsno1 (獅子棒)》之銘言:
: http://tinyurl.com/3dx4hy
: 請教版上神人,我左邊欄在title "Recent Comments"下面有一條棕色的線,
: 別的格子都沒有,感覺不協調,有沒有辦法去掉那條線?
: p.s.需要把我的html放上來嗎?不好意思剛剛開始學blogger

其實可以跳到最後去看解決方式。
(不過我還是雞婆的解釋一下)

看了一下原始檔,之所以會這樣的原因是,
在你的CSS樣式表中側欄的標題格式是這樣:

.sidebar h2 {
margin: .5em 0 1.7em;
padding: 2px 10px;
background: url(背景圖片網址) top left; no repeat; font-size: 85%;
color: #F8F7F5;
border-bottom: 1px solid #AE9672;
border-top: 5px solid #AE9672;
}

然後在頁面結構中,顯示最新回應的語法中這段:

function handleCommentsyungjen(json) {

var temp = '<h2></h2><ul id="Feed001_feedItemListDisplay">';
var postshow=4;
var sortentry=json.feed.entry.sort(compareentry);

黃色的部份就是你說的「棕色的線」,其實就是側欄標題的背景。
紅色部分造成了額外的背景圖片出現。
所以解決方法就是在Recent Comment網頁元素的語法中,把<h2></h2>刪掉。

--

All Comments

Isla avatarIsla2007-08-14
感謝您詳盡解說但是我用了還是沒效耶,還有沒有別的辦法啊
Caitlin avatarCaitlin2007-08-14
感謝終於成功了!!回贈200p幣請笑納~
Elma avatarElma2007-08-19
沒收到麻煩跟我說一聲