→ smile0052:補充overflow:visible是不顯示hidden是隱藏兩者效果不同 02/10 22:39
推 sarsspear:感謝回答 02/12 23:18
※ 引述《sarsspear (沙士比亞)》之銘言：
: ※ 引述《smile0052 (笑笑)》之銘言：
: 先感謝您抽空回答，在下的概念就是想寫成這種類別格式，
: 因為那些屬性重複率很高，不想逐一重寫。
: 不過這位回答者的CSS有些已經試過了，但是沒達到效果，
: 所以才會拿出來問orz
: : --------------------
: : CSS
: : .tab{
: : border:1px;
: : text-align:center;
: : border-collapse:collapse;}
: 這個這樣寫似乎不完整，
: HTML的border="1"是設定所有儲存格，
: 而這裡定義了border 1px完全沒效（好像還要加些顏色之類的參數）
樓上得大大幫你解決了
TABLE也是能盡量不用就不用，除非有大量資料需要顯示建議用DIV解決
border-collapse:這個CSS標籤需要多多去嘗試
配合padding和margin的使用也會有不同效果
還有就是設定TR和TD多TRY看看就會知道端倪了
我比較不喜歡用TABLE所以盡量都不用^___^
很麻煩的格式....
: HTML的align是讓表格本身置中，但儲存格內容為預設值。
: CSS的text-align似乎沒效果
: 不過collapse似乎可以取代padding和spacing
: : .if{
: : width:380px;
: : height:320px;
: : margin:1px;
: : border:0;
: : overflow:hidden;}
: 這裡用overflow似乎沒辦法解決，捲軸還是大喇喇的出現...
噗，這個內製框架很麻煩的，目前網頁設計最不希望這樣寫，
尤其是在IE7&6之間就大大的不同，可以用樓上大大的方式解決
: 其他的目前看起來沒問題
: : .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.........
樓上的幫你解答了
其實要讓它不覆蓋有兩個方式
一個就是定義在CSS後 <img class="img" width="" height="" />
另一個就是樓上大大的方式了，或也可以自行在定義一組新標籤
: : ----------------------
: : HTML
: : <table class="tab">
: : <ifname class="if">
: : <img class="img">
: : ----------------------
: 呃...alt和target就沒救了嗎>'<
: 我知道連結可以設base target，但是不希望全頁都設，
alt和target沒辦法使用CSS來達成
這種格式是符合W3C HTML4.0所以是允許的屬性
<A>標籤裡面應該是使用TITLE而不是ALT(IMG才是使用ALT)
也可以使用BASE來達成這樣的連結，如果有例外可以另外在對其設定
廢言:這裡給你一個學習CSS的地方
http://www.hsiu28.net/
多問問題是好的，可是還是建議先多看書
真的不得已再問人，這是我的學習經驗^__^
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.127.33.32