2010年9月30日 星期四

修正xoops內預設style.css的table td對網頁版面的影響

在fckeditor內編輯好的文章表格跟文字只要儲存後,文章的呈現就會跟編輯時不同,例如文字的垂直對齊原本在編輯時是置中對齊的,但是儲存後卻會變成向上對齊(valign="top"),這是因為在xoops內預設的style.css第4-5行:table td {padding: 0px; vertical-align: top; }影響了最後呈現的版面。

修正的方法是把這句標注起來使其無法執行,但是標注後會發現,左右兩側的欄位就無法一直向上對齊了!這是因為vertical-align: top也被取消了,解決方法是,在#centercolumn 、#leftcolumn、#rightcolumn後面的描述再加上vertical-align: top; 就可以囉~

沒有留言: