Re: [問題] 請問如何用CSS取代這些HTML語法?

看板Web_Design作者 (沙士比亞)時間19年前 (2007/02/10 18:10), 編輯推噓2(203)
留言5則, 2人參與, 最新討論串3/5 (看更多)
※ 引述《smile0052 (笑笑)》之銘言: : ※ 引述《sarsspear (沙士比亞)》之銘言: : : 如題,如何把這些語法改用CSS設定? : : <table border="1" align="center" cellpadding="0" cellspacing="0"> : : <iframe width="380" height="320" marginwidth="1" marginheight="1" : : scrolling="no" border="0" frameborder="0"> : : <img width="100" height="200" border="0"> : : <a target="_blank" alt="照片"> 先感謝您抽空回答,在下的概念就是想寫成這種類別格式, 因為那些屬性重複率很高,不想逐一重寫。 不過這位回答者的CSS有些已經試過了,但是沒達到效果, 所以才會拿出來問orz : -------------------- : CSS : .tab{ : border:1px; : text-align:center; : border-collapse:collapse;} 這個這樣寫似乎不完整, HTML的border="1"是設定所有儲存格, 而這裡定義了border 1px完全沒效(好像還要加些顏色之類的參數) HTML的align是讓表格本身置中,但儲存格內容為預設值。 CSS的text-align似乎沒效果 不過collapse似乎可以取代padding和spacing : .if{ : width:380px; : height:320px; : margin:1px; : border:0; : overflow:hidden;} 這裡用overflow似乎沒辦法解決,捲軸還是大喇喇的出現... 其他的目前看起來沒問題 : .img{ : width:100px; : height:200px; : border:0;} 我不太確定樣式表的width和height能等同於HTML的width與height... 是否皆能有讓瀏覽器預先控制空間的效果 還有就是如果20張圖有15張已經用CSS控制了width: 100px; height:200px 但是如果有5張想個別定width和height,用width="xxx" height="xxx" 似乎沒辦法蓋過CSS......... : ---------------------- : HTML : <table class="tab"> : <ifname class="if"> : <img class="img"> : ---------------------- 呃...alt和target就沒救了嗎>'< 我知道連結可以設base target,但是不希望全頁都設, 所以想寫在class裡。 : 你的HTML碼不夠完整所以只能這樣告訴你 : 寫法有很多種,用一個最簡單的方式讓你瞭解而已^___^ 這種方式大概就是我要的了^^ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.217.35.23 ※ 編輯: sarsspear 來自: 61.217.35.23 (02/10 18:12)

02/10 18:13, , 1F
IFRAME裡的捲軸問題須從原來的那個網頁設定唷
02/10 18:13, 1F

02/10 18:18, , 2F
試過在框架內頁的body設overflow: hidden
02/10 18:18, 2F

02/10 18:18, , 3F
結果...fx有效,IE無效...
02/10 18:18, 3F

02/10 18:18, , 4F
overflow-x: hidden; overflow-y: hidden也是一樣
02/10 18:18, 4F

02/10 18:19, , 5F
難道IE不認識overflow??
02/10 18:19, 5F
文章代碼(AID): #15pPeMlB (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #15pPeMlB (Web_Design)