MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2024-03-19, 13:42

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 7 篇文章 ] 
發表人 內容
文章發表於 : 2008-12-01, 12:02 
離線

註冊時間: 2006-05-02, 01:55
文章: 48
以前學做網頁時都習慣用 TABLE 來分 header, left menu, content, footer 的, 之後越來越多見一些較工整的網頁都是 div+css 而沒有 table 的, 慢慢的也覺得這像是較正規的做法. 其實這種概念是不是正確?


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-12-01, 15:12 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
有篇〈為何使用表格排版是不明智的〉我覺得不錯
不過該文可能是由簡體轉換過來,有部分文字錯誤(例如「發型」沒有改成「髮型」)

簡單來說,就是讓表格回歸它真正的用途
所以如果要呈現的本來就是表格資料,就不需要特地改掉了
例如月曆、通訊錄等就可以用表格來做 (記得使用標題儲存格)

不過裡頭提到的「親和力」,其實也有變通的方法

_________________
在靜謐的國度裡,擁抱微風--抱風伴靜


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-12-01, 22:29 
離線

註冊時間: 2008-03-08, 16:32
文章: 66
附上一個例子:
http://www.scu.edu.tw/~ce214/
左邊的小檔案是用表格畫的,
但是其它的(導覽列,左邊那條,中間的文章)都是用div+css排版。

「讓表格回歸它真正的用途」
↑經典名言


回頂端
Opera/9.62 (Windows NT 5.1; U; zh-tw) Presto/2.1.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-12-02, 00:07 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
表格排版有表格排版的好處,但壞處也很多,所以盡量不使用在「排版」,而是用在「表格」會好點。(以「表格繪圖」的目的為主也行用)

好處:
  1. 列表顯示多欄資料方便
  2. tr 元素會自動隨內容拉齊欄高(靠 CSS 的 float 做不好,也許還要加別的,或是多加個 clear:both 隔開上下元素。)
  3. 以圖形為主的排版軟體要輸出時很方便
壞處:
  1. 程式碼會很繁雜難讀(雖然平常人是不會看原始碼的)
  2. 還原成無樣式文件後不容易看出標題段落等的章節來(雖然平常人是不會關掉樣式的)
  3. 沒辦法依據寬度把內含元素一欄欄換行(雖然也沒人會沒事把網頁放大縮小的啦)

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-12-30, 22:41 
離線

註冊時間: 2005-07-27, 17:24
文章: 240
但實際上,要完全依靠CSS還有一定難度……
畢竟有些Table特徵(等行高、單元格寬度自動分配)要純CSS(若不考慮display:table)達成有困難,就算可以達成,也多數是定px尺寸或者配合JS來完成……

而且還要考慮各實際標準(特別是IE等)的相容能力……
CSS對於多個元素的位置關係處理真的有待提高……


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1b3pre) Gecko/20081215 Firefox/3.1
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-03, 22:36 
離線

註冊時間: 2004-11-05, 16:36
文章: 251
來自: 我國我家
請教一下,如果想了解CSS的什麼是什麼用意,比如PX跟EM的差別之類的、驚嘆號是做啥的,什麼是能做什麼是違反規則(特別是IE之外瀏覽器的比較)
有沒有沒比較好的、內容比較充實可靠的工具書能讀?
目前看到的都講的太簡單、然後就一堆範例。(更糟的還有作者是全盤否定IE以外的瀏覽器)


回頂端
Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.9.0.5) Gecko/2008121621 Ubuntu/8.04 (hardy) Firefox/3.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-03, 23:03 
離線
[MozTW 版主群]
頭像

註冊時間: 2005-01-21, 01:40
文章: 1677
來自: Taichung city
chilly 寫:
請教一下,如果想了解CSS的什麼是什麼用意,比如PX跟EM的差別之類的、驚嘆號是做啥的,什麼是能做什麼是違反規則(特別是IE之外瀏覽器的比較)
有沒有沒比較好的、內容比較充實可靠的工具書能讀?
目前看到的都講的太簡單、然後就一堆範例。(更糟的還有作者是全盤否定IE以外的瀏覽器)

這份寫的很基本,不過可以參考看看。
http://chinese-school.netfirms.com/css- ... -index.htm
另外剛好看到這個
http://www.chweng.idv.tw/w3cguide/cssbeginner/

如果不想要花錢,就用文字編輯器和瀏覽器練習吧!

_________________
專職文章搬運工
我的部落格/My Bloghttp://rail02000.blogspot.com/書籤不見?Fx開不起來?畫面底下有紅字?請按此


回頂端
Mozilla/5.0 (X11; U; Linux i686; ja; rv:1.9.0.5) Gecko/2008121622 Ubuntu/8.10 (intrepid) Firefox/3.0.5
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 7 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 13 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
cron
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群