[問題] 請問用CSS設定對齊和圖片連結無框

看板Web_Design作者 (S‧無限)時間17年前 (2008/05/07 11:37), 編輯推噓1(106)
留言7則, 3人參與, 最新討論串1/1
HTML的部份: <table class="productTable"> <tr> <td> <table border="0"> <tr> <td><a href="#"><img src="image.gif" class="productImg" /></a></td> <td>TEXT</td> </tr> </table> </td> <td> <table border="0"> <tr> <td><a href="#"><img src="image.gif" class="productImg" /></a></td> <td>TEXT</td> </tr> </table> </td> </tr> </table> CSS的部份: .productImg { text-decoration:none; border:hidden; } .productTable { width:90%; border:hidden; padding:15px 10px 15px 10px; text-align:center; } .productTable table { border:hidden; text-align:left; } 請問一下如何讓內層的table在外層的td中,是置中對齊的,我這樣設定在Dreamweaver 裡看起來有置中對齊,但是在瀏覽器中都是預設的靠左對齊,除了IE會置中對齊以外 其他的瀏覽器都不會,而且我內層table裡的文字要靠左對齊 另外img我有做超連結,這樣設定之後,除了IE之外的瀏覽器都不會在圖片外框顯示 超連結的顏色框,但是IE的超連結顏色外框就是消不掉,該怎麼辦? 兩個問題請教一下大家,感恩~~~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.139.219.181 ※ 編輯: SMUGEN 來自: 220.139.219.181 (05/07 11:50)

05/07 12:55, , 1F
a img {border:none;}
05/07 12:55, 1F

05/07 19:59, , 2F
謝謝樓上 原來要設成none 不是hidden 瞭解了~~~
05/07 19:59, 2F

05/07 19:59, , 3F
不過內表格置中對齊的設定還是試不出來...orz
05/07 19:59, 3F

05/07 20:25, , 4F
<table align='center'.....>
05/07 20:25, 4F

05/07 20:28, , 5F
或是 <table style='margin:auto;'.....>
05/07 20:28, 5F

05/07 21:29, , 6F
喔margin:auto在FF可以用 謝謝 其他瀏覽器之後再測試 基本
05/07 21:29, 6F

05/07 21:30, , 7F
上是不想用aling屬性來指定 因為內層table的數量多且會變動
05/07 21:30, 7F
文章代碼(AID): #188IFcu7 (Web_Design)