Archive

Archive for the ‘網頁設計’ Category

[CSS] 製作表格細框線

二月 7th, 2006

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


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

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

網頁設計 ,

IE 網頁編碼判斷錯誤

一月 14th, 2006

當網頁寫出來用 IE 瀏覽時,卻發現網頁沒辦法自動選擇正確的編碼,都要重新整理或手動選擇編碼才會正常。
請檢查您的 HTML 原始碼,看 TITLE 是否在指定編碼的 MATA 之上,如果是的話,請把 MATA 移到 TITLE 之前,這樣就可以解決 IE 誤判的情形了,正確應該如下:


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>網站標題</title>

網頁設計 , ,

Firefox 無法顯示圖片替代文字(ALT)

一月 31st, 2005

把滑鼠指標移到網頁圖片上,會出現一個小方框的工具提示,這叫做圖片替代顯示。語法為 alt。這個語法原本的作用是在圖片無法顯示時,用來取代圖片的文字,但卻越來越多人把它當成工具提示,文字和圖片毫無關係,這樣一來,當圖片無法顯示時,替代的文字便不足以表達圖片的含意。因此 Mozilla 的開發團隊便決定不支援 alt 屬性(只有圖片顯示不出來時顯示 alt),變相避免網頁作者的誤用。

不過如果真要在 Mozilla 系列瀏覽器要顯示工具的話,有另外一個屬性可以使用:「title」。


<img src="圖片" alt="替代文字" title="工具提示" />

雖然 title 屬性不見得所有瀏覽器都支援,如有些會將其顯示在狀態列上,但使用 title 不論在 Firefox 或者 IE 上都可以正常顯示,相容性是比 alt 來的高,所以建議以後寫網頁時不妨再多增加一個 title 屬性試試!

參考網址

網頁設計, 軟體筆記