憂藍夢境‧部落格

寫網頁程式經常會遇到版面被撐開的情形，例如有人輸入一長串的網址，或是沒有空格的英文+數字，這些都會造成瀏覽器無法自動斷行導致版面被撐開，而解決方法除了用程式強制斷行之外，IE 中可以用 word-break:break-all 的 CSS 來解決，但是比較好的方式可以參考 jon 所寫的這篇，利用 wbr tag 來處理‧

文章：PHP: 文字過長加入 WBR tag function

PHP, 程式筆記, 網頁設計 網頁設計

做出來感覺還滿不錯的，簡潔有力，稍微懂一點 CSS 的應該都會，只是經常弄出來的 CSS 都要「特別」針對 IE6 去調整，不然 Firefox 看起來 OK，在 IE 則是完全走樣 ，不過試用了 IE7 beta2，對 CSS 支援度有比較好了，往後設計 CSS 應該可以比較輕鬆點。
另外這個範例用了 Mozilla 的圓角屬性，所以在 IE 只會看到很普通的方形哦。

CSS 導覽列

網頁設計 css, 網頁設計

一般表格的框線即使設為 1px 還是感覺很粗，為什麼呢？因為預設表格框線是不重疊的，而每個儲存格都有著 1px 的框線，所以框線就會變成1+1=2px。因此要利用 CSS 允許表格框線重疊，才能顯示出 1px 的細框線。

table {
  border: 1px solid #00;
  border-collapse: collapse;
}
tr, td {
  border: 1px solid #00;
}

border-collapse: collapse; 即是允許框線重疊。

網頁設計 css, 網頁設計

如果還不知道什麼是 WEB 標準、什麼是 W3C，或者你的網頁只能在 IE 正常瀏覽，換到其他瀏覽器就完全走樣，那就更應該看這本書。從不符合標準網頁所產生的問題開始，完整的帶領我們進入 WEB 標準的世界，並且以專題形式撰寫符合標準的網頁，是一本觀念很完整的書。

好書好站 Web 2.0, 網頁設計

想要寫出符合 Web Standards 又美觀的網頁，CSS 的運用一定是少不了的，所以幾個月前買了幾本 CSS 的書籍，這本書列出了 101 個將 CSS 運用在網頁上常會遇到的問題和技巧。尤其是後面的『CSS 定位與版型』，對設計 Web Standards 網頁有非常大的幫助。

好書好站 css, Web 2.0, 網頁設計