[求助] 換新風格後圖文撐爆table

[mdtom]

●主機作業系統：Linux
●快速架站程式：無
●免費空間連結： 無
●您的上網方式：kbroNet Cable
●您安裝的程式：Apache 2.2.12 + php 5.2.10 + MySql 5.1.37
●您的 phpBB 版本：phpBB 3.0.6
●您的 domain (網域名稱) ： twbbs.org
●您的 phpBB 連結網址： http://tomy168.twbbs.org/mytest
●安裝風格：sublite風格

問題範例如該網址請將瀏覽器調至寬度為1024以內
圖檔太大會把table撐爆
看過竹貓這篇至頂文章N.Design 風格發文出框問題
捕手老師的做法是修改styles裡
風格名稱的目錄/theme/stylesheet.css檔案中加入紅色CSS碼

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
overflow: scroll;
}

只是似乎SubLite風格並不是這樣設定
我照著作沒有任何改變
可能是他寫的更細吧
於是我嘗試於該檔裡的這個段落加入

#wrapcentre {
margin: 15px 25px 0 25px;
overflow: hidden; // 隱藏超出顯示範圍的內容
}

果然達到如prosilver風格設定一般可以將超出範圍的文字或圖檔遮蔽
但糟糕的是SubLite風格在會員登入後
想要edit、quote、檢舉文章、文章詳述、刪除文章這五個icon也跟著被遮蔽了
因為SubLite把這五個功能icon置右
而prosilver風格的時候這五個功能都在Top的位置沒受到影響
請問老師有甚麼辦法可以設定右邊的文章內容區可以遮蔽在固定範圍內
又可以顯示出5個小型功能icon呢
（例如把這些小icon都置左？）
我研究了幾個鐘頭實在看不懂= ="
還請各位大德抽空幫忙看一下
謝謝




PS:
進一步研究
發現似乎subsilver2的風格都會有圖文出框的現象...
很努力的爬文後捕手老師建議採用此外掛
Easy Resize Posted Images (簡易調整文章中圖片大小) (Update 1.1.2)
但是使用後仍無效

[mdtom]

　
恩...
暫時解決掉icon消失的問題了
我是將該風格的stylesheet.css裡設定overflow: hidden; 來做裁切
並修改viewtopic_body.html裡將這些刪除、檢舉...等小圖示給置左 td align="left"

代碼: 選擇全部

<!-- IF not S_IS_BOT -->
<!-- IF postrow.U_REPORT --><a href="{postrow.U_REPORT}">{REPORT_IMG}</a> <!-- ENDIF -->
<!-- IF postrow.U_INFO --><a href="{postrow.U_INFO}">{INFO_IMG}</a> <!-- ENDIF -->
<!-- IF postrow.U_WARN --><a href="{postrow.U_WARN}">{WARN_IMG}</a> <!-- ENDIF -->
<!-- IF postrow.U_DELETE --><a href="{postrow.U_DELETE}">{DELETE_IMG}</a> <!-- ENDIF -->
 <!-- ENDIF -->

編輯跟引言則修改這行
一樣把它置左

代碼: 選擇全部

<!-- IF postrow.U_PROFILE --><a href="{postrow.U_PROFILE}">{PROFILE_IMG}</a> <!-- ENDIF -->

目前剩下文字的部分
還在找如何可以讓topic內的文字自動斷行的方法...

希望討論區自動幫讀者斷行
以免被overflow: hidden給裁切掉過長的文字

[a9v589]

這簡單只要在你要限制寬度的表格前後加上
<table style="table-layout:fixed"><tr><td style="word-wrap:break-word"> 表格 </td></tr></table>