:::
tad - XOOPS小秘方 | 2011-04-04 | 人氣:16420

在發表評論時,有些網友會上傳一些圖片來加以說明。但這些圖片有時候一不小心就超過了佈景設計的大小,導致整個畫面被撐開,也就是俗稱的破版...這種狀況該如何解決呢?把以下語法加入佈景的CSS檔中即可。

div.comText {
  table-layout: fixed;
  word-wrap: break-word;
  width: 540px;
  overflow: hidden;
}

div.comText img {
  max-width: 500px;
  width:expression(this.width > 500? "500px" : this.width);
  overflow:hidden;
}

其中div.comText 裡的540px代表您的評論內容最大寬度,裡面的文字若超過此大小會被強迫換行。

而div.comText img中的500則是指定圖片寬度上限,超過此上限,會強制縮到500px,這樣就不用擔心被圖稱破版面了。

網友個人意見,不代表本站立場,對於發言內容,由發表者自負責任。
發表者
樹狀展開
  • 管理員

 RE:讓評論不破版的方法

試試連續英文字母....
abcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefgabcdefg

 
發表者
樹狀展開
  • 管理員

 RE:讓評論不破版的方法

接著試試1024x768的大圖...(IE6應該會無效...)
縮圖

 
發表者
樹狀展開
  • 中級會員

 RE:讓評論不破版的方法

請問tad老師
這個在tadnews的區塊有作用嗎
像xoops總部的新聞一樣(中間區塊)
有空來試試

謝謝

 
  • 管理員

 RE:讓評論不破版的方法

只要您對CSS有點概念
就可以把它修改套用,理論上,套到哪裡都是可以的。

 
  • 中級會員

 RE:讓評論不破版的方法

老師

好像不行耶
寬度是ok了 高度不會auto 圖片壓扁了
我多加了一句 沒成功 會不會是tadnews的編輯器問題

#news_content img {
max-width: 500px;
width:expression(this.width > 500? "500px" : this.width);
height:expression(this.height > 500? "500px" : auto);
overflow:hidden;
}

 
  • 管理員

 RE:讓評論不破版的方法

高度不用寫吧?

 
  • 中級會員

 RE:讓評論不破版的方法

應用在tadnews區塊的時候 寬度有縮短 高度失效(圖被壓扁了)
所以多加了 height:expression(this.height > 500? "500px" : auto);
不過還是失效
我再找資料看看

 
  • 中級會員

 RE:讓評論不破版的方法

剛剛試了一下
正確的寫法應該是這樣

#news_content img {
max-width: 500px;
width:expression(this.width > 500? "500px" : this.width);
height: auto;
overflow:hidden;
}

高度設auto 才會等比

 
  • 中級會員

 RE:讓評論不破版的方法

sorry
雖然可以 IE8卻失效了
有空我再研究一下

 
:::

訂閱 / 取消電子報

目前訂閱人數: 955 人

線上使用者

24人線上 (2人在瀏覽最新消息)

會員: 0

訪客: 24

更多…

網站佈景


(共 5 個樣板佈景)