[問題] Pixnet grey2版面CSS問題

[formyptt (糟糕人)]

大家好，自從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; }





--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.232.142.34
※ 編輯: formyptt        來自: 125.232.140.185      (09/10 17:08)