作者SMUGEN (S‧无限)
看板Web_Design
标题[问题] 请问用CSS设定对齐和图片连结无框
时间Wed May 7 11:37:07 2008
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)
1F:推 chph:a img {border:none;} 05/07 12:55
2F:→ SMUGEN:谢谢楼上 原来要设成none 不是hidden 了解了~~~ 05/07 19:59
3F:→ SMUGEN:不过内表格置中对齐的设定还是试不出来...orz 05/07 19:59
4F:→ starjou:<table align='center'.....> 05/07 20:25
5F:→ starjou:或是 <table style='margin:auto;'.....> 05/07 20:28
6F:→ SMUGEN:喔margin:auto在FF可以用 谢谢 其他浏览器之後再测试 基本 05/07 21:29
7F:→ SMUGEN:上是不想用aling属性来指定 因为内层table的数量多且会变动 05/07 21:30