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

[sarsspear (沙士比亞)]

※ 引述《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)
推 ccw0808:IFRAME裡的捲軸問題須從原來的那個網頁設定唷
推 sarsspear:試過在框架內頁的body設overflow: hidden
→ sarsspear:結果...fx有效，IE無效...
→ sarsspear:overflow-x: hidden; overflow-y: hidden也是一樣
→ sarsspear:難道IE不認識overflow??