Pixnet grey2版面CSS問題 - 部落格

大家好，自從Pixnet改版後，原本的版型出了不少問題，

今天乾脆自己全部改過，先套用grey2二欄版型，再一項一項修改，

無奈我的css都是自學的，到最後還是有很多地方搞不清楚……

忙了一整個晚上，都頭昏眼花了＠＠

希望有高手能指點一下，謝謝m(_ _)m

（抱歉，因為個人其實不太懂css，描述或許會不清楚，
　看不懂的話我再詳細說明……）

（以前的版型是套用無名面板改的）


※問題暫時解決，網址先刪除，感謝回答。m(_ _)m


1) 這個是最大的問題，

　 我在新版的進階編輯器裡寫完文章後，跳到純文字編輯器，

　 都會發現文章前後被加上了<p> </p>，

　 如果我沒有先把<p> </p>刪除就送出的話，

　 內文跟邊界之間，就會變成無間隔狀態；

　 必須先在純文字編輯器中把<p> </p>刪除，

　 文章才能照我在css裡設定的樣子顯示（請看第一篇文）。

　 問題是有些長文我都會先打在Word裡再貼過去，

　 都會變成無間隔狀態，很多舊文都是這樣，根本沒辦法一篇篇改orz

　 為什麼會有這兩種不同的顯示狀況？

　 之前的版型並不會啊……orz

　 我是在 p.mainEntryBase 修改邊界的，

　 但效果只有在刪除了<p></p>的文章才顯示得出來，是我改錯地方了嗎orz


2) 文章最上面顯示的頁數「1 2 >>」那一行，

　 要怎麼調到文章最下方？（文章跟迴響之間）

　 以前的版型是在最下面，覺得這樣比較好看……


3) 以前的版型裡，「文章標題」跟「發文時間」的位置，跟現在正好相反，

　 要怎麼調回那個樣子？

　 還有，發文者的帳號要怎麼調到文章資訊列（文章分類、迴響、引用那一列）？




不好意思，問題很多|||||b

已經爬過文，希望有人能幫幫忙>___<　謝謝！

附上我的CSS。


/*------------------------------ #comment-table
------------------------------ */

#comment-form {
background: transparent;
padding: 5px;
margin: 10px auto;
}

#comment-form p {
color: #bbb;
text-align: right;
margin: 0px 10px 5px;
}

#comment-form table {
width: 100%;
border: none;
}

#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
color: #999;
vertical-align: top;
border: none;
padding: 2px 5px;
}

#comment-form table th {
color: #999;
vertical-align: top;
width: 100px;
border: none;
padding: 2px 5px;
}

#comment-form table th font { display: none; }


#comment-form textarea {
width: 99%;
height: 90px;
font-family: "Arial";
font-size: 13px;
line-height: 18px;
color: #000;
border: none;
background: #ffffff;
}




html{
scrollbar-face-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
}


body {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
line-height: 150%;
color: #696978;
background:
url(http://p0.p.pixnet.net/albums/userpics/0/4/203304/1202801080.png)
no-repeat left top;
margin: 0px;
}



br {
letter-spacing: 0px;
}


a {
color:#778899;
font-family:verdana;
text-decoration:none;
}


a:hover{
color:#666666;
text-decoration:none;
cursor:crosshair ;
}


p { margin: 0px; }


select{
color:#696978;
font-size:10px;
border:#cccccc 1px solid;
width:150px;
}


ul {
padding: 0px;
margin-left: 5px;
}


li {
padding-left: 0px;
}

.Upgrade {
display: none;
}


#Container {
width: 950px;
background: transparent;
margin: 0px auto;
}



input{
color:#696978;
font-size:11px;
border:#cccccc 1px solid;
background: #ffffff;
padding:1px;
cursor:crosshair ;
}



/*top*/
#Top {
position: relative;
height: 100px;
color: #696978;
border: none;
background: transparent;
padding: 0px;
}

#BlogHeader {
width: 90%;
overflow: hidden;
line-height: 20px;
font-size: 13px;
padding: 5px 0px 0px 10px;
margin: 10px 0px 0px 40px;
}




#BlogHeader a {
color: #696978;
font-size:13px;
font-weight:normal;
text-decoration:none;
}

#BlogHeader a:hover {
color:#cccccc;
text-decoration:none;
}




#BlogDescr {
position: relative;
top: 8px;
left: 45px;
width: 90%;
height: 17px;
font-size:11px;
line-height: 25px;
text-align: left;
color: #778899;
padding: 0px 10px 0px 0px;
overflow: hidden;
}


/*userLink*/
#userBlock {}
#userBlock .Sidebody { padding: 0px; }
#userBlock .userImg td {
width: 270px;
text-align: center;
}
#userBlock .userImg img {
margin: 0px auto;
}
.userLink {
}




/*main*/
#Main {
margin: 10px 1px 0px 1px;
}



#Sidebar {
position: relative;
float: left;
width: 215px;
overflow: hidden;
word-break: break-all;
padding-bottom: 10px;
color: #CCCCCC;
margin-top: 100px;
margin-left: 15px;
}


.Sideblock {
width: 215px;
margin: 0px auto 10px auto;
}


.Sidetitle {
overflow: hidden;
background: transparent;
border-right: #696978 solid 1px;
border-top: #696978 solid 1px;
border-left: #696978 solid 1px;
}

.Sidetitle H4 {
font-size: 11px;
font-weight: normal;
text-align: left;
color: #696978;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 5px;
padding-top: 10px;
margin: 0px;
}

.Sidetitle H4 a { color: #fff; }



.Sidebody {
font-size: 12px;
color: #696978;
line-height: 150%;
background: transparent;
padding-bottom: 10px;
padding-top: 10px;
padding-right: 8px;
padding-left: 8px;
margin: 0px 0px;
border-bottom: #696978 solid 1px;
border-right: #696978 solid 1px;
border-left: #696978 solid 1px;
}

.Sidebody a {
color:#778899;
text-decoration:none;
}

.Sidebody a:hover {
color:#666666;
text-decoration:none;
cursor:crosshair ;
}


.Sidebody img {
vertical-align: middle;
}




#CalendarPlugin .Sidebody {
padding: 0px;
padding-bottom: 10px;
}
table.calMonth {
width: 220px;
margin: 0px auto;
}
table.calMonth th {
font-weight: normal;
line-height: 18px;
}
table.calMonth td {
text-align: center;
line-height: 20px;
border: none;
background: #bdf;
}
table.calMonth td a {
display: block;
background: #fff;
padding: 0px;
}


#Content {
float: right;
width: 550px;
}

.mainEntry {
margin-bottom: 40px;
}

.mainEntryTitle {
color: #696978;
text-align: left;
text-decoration: none;
background: transparent;
}

.mainEntryTitle H3 {
font-size: 13px;
font-weight: normal;
margin-left: 5px;
margin-right: 5px;
margin-top: 1px;
padding-top: 2.px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
border-bottom:1px #000 solid;
}


.mainEntryTitle H3 a {
color: #696978;
display: block;
}


.mainEntryTitle H3 a:hover {
color:#cccccc;
border-bottom-style : none;
}

.mainEntryBody {
background: transparent;
border: 1px solid #000000;
margin-bottom: 40px;
padding: 5px;
padding-top: 15px;
}


.date {
font-size: 13px;
text-align: right;
color: #999999;
background: transparent;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid #000000;
margin-bottom: 0px;
display: block;
}

span.date {
background: none;
margin-right: 0px;
border: none;
}


p.mainEntryBase {
line-height: 205%;
letter-spacing : 1pt;
margin-top: 35px;
margin-bottom: 30px;
margin-right: 15px;
margin-left: 15px;
}

p.mainEntryBase a {
color:#386497;
font-family:verdana;
text-decoration:none;
}

p.mainEntryBase a:hover {
color:#666666;
text-decoration:none;
border-bottom-style : dashed;
border-bottom-width : 1px;
border-bottom-color : #386497;
cursor:crosshair ;
}


blockquote {
margin: center;
border: 1px solid #DCDCDC;
border-left: 4px solid #dcdcdc;
padding-left: 10px;
}



.mainEntryfoot {
color: #cccccc;
font-size: 10px;
text-align: right;
height: 10px;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 10px;
background-color: transparent;
padding-right: 5px;
}


.mainEntryfoot a {
font-size:11px;
color: #696978;
text-decoration: none;
letter-spacing:1px;
}


.mainEntryfoot a:hover {
color: #cccccc;
text-decoration: none;
border-bottom-style : none;
}

.mainEntryfoot br {
line-height: 0px;
}


input#trackback_url {
color:#696978;
font-size:10px;
text-align:right;
letter-spacing: 1px;
border: none !important;
border-bottom: 1px solid #ccc !important;
padding: 0px;
}


.mainEntryBottom {
text-align: right;
background: transparent;
padding: 5px 0px 5px 0px;
margin-left: 10px;
font-size:10px;
}


.mainEntryBottom a.ptop {
color: #696978;
}


.mainEntryBottom a.ptop:hover {
color: #cccccc;
}

.maintagline {
margin: 5px 10px;
}

.maintagline b {
font-weight: normal;
margin-right: 5px;
}

.maintagline br {
display: none;
}

.maintagline img {
vertical-align: middle;
}

.extended {
margin: 0px 10px;
}

.extended b {
font-weight: normal;
}

.extended a {
margin-left: 25px;
}





#Comments {
width:450px;
margin:50pt 0pt 20pt 15pt;
padding: 10pt 20pt 10pt 20pt;
}


H4.commentTitle {
display: none;
}


H4.commentTitle a {}


H4.commentTitle a:hover {}



.commentBody {
padding: 10px;
}


.CommentInnerBox {
font-size: 11px;
color: #696978;
background: none;
border-bottom: 1px dashed #696978;
padding-bottom: 10px;
margin-bottom: 5px;
}

.CommentInnerBox br { line-height: 150%; }

.commentheader {
color: #000;
padding: 10px 10px;
}

.commentcontent {
padding: 10px;
}

.commentcontent br { line-height: 18px; }


.commentposterinfo {
color: #696978;
font-size:10px;
height: 20px;
_height: 17px;
_padding-top: 3px;
line-height: 20px;
text-align: right;
padding-right: 5px;
}

.commentposterinfo a { }

.commentposterinfo a:hover { }

.commentposterinfo br { display: none; }



.commentposterinfo img {
border:none;
}


.replyBox {
background: none;
border: none;
padding: 0px;
margin: 0px 0px 10px 50px;
}


.replyBox span {
color: #000000;
padding: 0px 0px 0px 10px;
}


.replyContent {
font-size: 11px;
color: #778899;
padding: 15px 5px 5px 30px;
}


.replyInfo {
color: #696978;
font-size:10px;
height: 20px;
text-align: right;
padding-right: 5px;
}



/*footer*/
#pagefooter {
font-size:0px;
clear: both;
height: 38px;
text-align: left;
color: #ffffff;
border-bottom: 1px solid #ccc;
background: none;
padding: 60px 0px 0px 10px;
}
#pagefooter a { display: none; }
#pagefooter a:hover { display: none; }
#pagefooter div { display: inline; }
#pagefooter img { display: none; }





--