[爆卦]css分隔線樣式是什麼?優點缺點精華區懶人包

為什麼這篇css分隔線樣式鄉民發文收入到精華區:因為在css分隔線樣式這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者Neischanel (license to kill)看板Blog標題Re: [問題] Blo...


※ 引述《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>刪掉。

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.105.9.142
※ 編輯: Neischanel 來自: 59.105.9.142 (08/09 09:36)
lionsno1:感謝您詳盡解說但是我用了還是沒效耶,還有沒有別的辦法啊 08/09 10:00
抱歉,我剛剛沒看仔細。以上修改過了,希望有幫助。 :)
※ 編輯: Neischanel 來自: 59.105.9.142 (08/09 10:21)
lionsno1:感謝終於成功了!!回贈200p幣請笑納~ 08/09 10:24
lionsno1:沒收到麻煩跟我說一聲 08/09 10:27

你可能也想看看

搜尋相關網站