可能的原因
使用舊式HTML background 設定按鈕圖片
背景重複沒有關掉 且 高度過高
請注意這是通用修正方式 連結需要指向不同地方
原始程式:
<table width="100%" border="0" cellspacing="0" cellpadding="0" summary="position of table">
<tbody><tr>
<td background="img/top_btn01.gif"><p class="top01"><a href="http://www.vhct.gov.tw/index.php?mo=NewsInfo&ac=news1_list"><img src="img/dot.gif" alt="新聞中心" width="109" height="48" border="0"></a></p></td>
<td background="img/top_btn02.gif"><p class="top02"><a href="http://www.vhct.gov.tw/index.php?mo=SitePage&ac=sitepage_menu&web_id=02about" title="認識本院"><img src="img/dot.gif" alt="認識本院" width="109" height="48" border="0"></a></p></td>
<td background="img/top_btn03.gif"><p class="top03"><a href="index.php?mo=RegisterTime&ac=register1_list"><img src="img/dot.gif" alt="就醫指引" width="108" height="48" border="0"></a></p></td>
<td background="img/top_btn04.gif"><p class="top04"><a href="http://www.vhct.gov.tw/index.php?module=CurerInfo&action=main"><img src="img/dot.gif" alt="醫療團隊" width="108" height="48" border="0"></a></p></td>
<td background="img/top_btn05.gif"><p class="top05"><a href="http://www.vhct.gov.tw/index.php?module=DeptInfo&action=main"><img src="img/dot.gif" alt="科室介紹" width="108" height="48" border="0"></a></p></td>
<td background="img/top_btn06.gif"><p class="top06"><a href="index.php?mo=HealthInfo&ac=health1_list"><img src="img/dot.gif" alt="衛生保健" width="109" height="48" border="0"></a></p></td>
<td background="img/top_btn07.gif"><p class="top07"><a href="index.php?mo=ServiceInfo&ac=service1_save"><img src="img/dot.gif" alt="便民服務" width="109" height="48" border="0"></a></p></td>
</tr>
</tbody></table>
建議程式:
<table width="100%" border="0" cellspacing="0" cellpadding="0" summary="position of table">
<tbody>
<tr>
<td style="background-image:url('img/top_btn01.gif');background-repeat:no-repeat;width:48px;">
<p style="margin:0;" class="top01">
<a href="http://www.vhct.gov.tw/index.php?mo=NewsInfo&ac=news1_list">
<img src="img/dot.gif" alt="新聞中心" width="109" height="48" border="0">
</a>
</p>
</td>
<td style="background-image:url('img/top_btn02.gif');background-repeat:no-repeat;width:48px;">
<p style="margin:0;" class="top02">
<a href="http://www.vhct.gov.tw/index.php?mo=SitePage&ac=sitepage_menu&web_id=02about" title="認識本院">
<img src="img/dot.gif" alt="認識本院" width="109" height="48" border="0">
</a>
</p>
</td>
<td style="background-image:url('img/top_btn03.gif');background-repeat:no-repeat;width:48px;">
<p style="margin:0;" class="top03">
<a href="index.php?mo=RegisterTime&ac=register1_list">
<img src="img/dot.gif" alt="就醫指引" width="108" height="48" border="0">
</a>
</p>
</td>
<td style="background-image:url('img/top_btn04.gif');background-repeat:no-repeat;width:48px;">
<p style="margin:0;" class="top04">
<a href="http://www.vhct.gov.tw/index.php?module=CurerInfo&action=main">
<img src="img/dot.gif" alt="醫療團隊" width="108" height="48" border="0">
</a>
</p>
</td>
<td style="background-image:url('img/top_btn05.gif');background-repeat:no-repeat;width:48px;">
<p style="margin:0;" class="top05">
<a href="http://www.vhct.gov.tw/index.php?module=DeptInfo&action=main">
<img src="img/dot.gif" alt="科室介紹" width="108" height="48" border="0">
</a>
</p>
</td>
<td style="background-image:url('img/top_btn06.gif');background-repeat:no-repeat;width:48px;">
<p style="margin:0;" class="top06">
<a href="index.php?mo=HealthInfo&ac=health1_list">
<img src="img/dot.gif" alt="衛生保健" width="109" height="48" border="0">
</a>
</p>
</td>
<td style="background-image:url('img/top_btn07.gif');background-repeat:no-repeat;width:48px;">
<p style="margin:0;" class="top07">
<a href="index.php?mo=ServiceInfo&ac=service1_save">
<img src="img/dot.gif" alt="便民服務" width="109" height="48" border="0">
</a>
</p>
</td>
</tr>
</tbody>
</table>