作者pigwolf (大魔王)
看板Web_Design
标题Re: [问题] 连结想要这样作...
时间Mon Dec 24 16:03:54 2007
※ 引述《mdfh (您真内行)》之铭言：
: 想要这样作：
: 平常是一个普通的图片超连结
: 可是滑鼠移上去之後会出现白色边框（但是不会因为边框造成图片移动）
: 滑鼠移开边框又不见
: CSS部份
: -----------------------------
: a.menu1:link { border: 0;}
: a.menu1:visited { border: 0;}
: a.menu1:hover { border: 2px white; padding: -2px;}
: a.menu1:active { border: 2px white; padding: -2px;}
: --------------------------------
: HTML部份
: <a href="1234.html" class="menu1"><img src="1234.gif" alt="1234" /></a>
: 想当然尔失败了 orz
: 图片有固定的外边框，但是没有任何变化
: 请问是哪里没有仔细考量吗？
试试看这个
<table border="0" cellspacing="0" >
<tr>
<td width="100%" onmouseover="this.style.backgroundColor='#FF0000';" onmouseout="this.style.backgroundColor='#999999';" colspan="2" rowspan="2" >
<a href="1234.html" class="menu1">
<img src="
http://w6.pchome.com.tw/adpics/pic_113482_68268.gif" alt="1234" border=0 width="96" height="96" ></a></td>
</tr>
</table>
这是变换表格达到相同效果,而且排版上会更方便
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.130.152.1