為什麼這篇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)
※ 編輯: Neischanel 來自: 59.105.9.142 (08/09 10:21)