[問題] 請問用CSS設定對齊和圖片連結無框
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
05/07 12:55, 1F
→
05/07 19:59, , 2F
05/07 19:59, 2F
→
05/07 19:59, , 3F
05/07 19:59, 3F
→
05/07 20:25, , 4F
05/07 20:25, 4F
→
05/07 20:28, , 5F
05/07 20:28, 5F
→
05/07 21:29, , 6F
05/07 21:29, 6F
→
05/07 21:30, , 7F
05/07 21:30, 7F