臺北榮民總醫院員山、蘇澳分院－龎袿方

ray 國軍退除役官兵輔導委員會
#1

網站

臺北榮民總醫院員山、蘇澳分院

姓名

龎袿方

日期

2017-11-20

瀏覽器解析度（iOS的Safari填裝置名稱 macOS填瀏覽器解析度）

iPad Air (MD789TA/B)

作業系統版本

Windows 10 專業版（SP1）
11.0.3 (15A432)）

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：版本 61.0.3163.100 (正式版本) (64 位元)
Safari：版本 11.0.3 (15A432)

有發現表格排版影響閱讀問題（大量table爆炸可以截示意圖列出位置就好）

無

有跑版（影響閱讀）問題

圖1

圖1

有出現亂碼

無

有壞掉的連結

無

有不能用的外掛程式（ActiveX、Applet、Flash、Silverlight、…）

圖1

有不能運作的網頁元素（如按鈕不能按、選單不能選等）

無

其他（無法判斷屬於以上那個分類的都放在這邊）

對此網站建議（給個建議吧）

有的醫生的照片比例會變形，建議可以在跟醫生要照片前，先規定尺寸，這樣就不會有部分醫生照片變形的問題。

#2

未看出

#3

可能的原因

使用舊式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&amp;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&amp;ac=sitepage_menu&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;ac=sitepage_menu&amp;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&amp;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&amp;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&amp;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&amp;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&amp;ac=service1_save">
                        <img src="img/dot.gif" alt="便民服務" width="109" height="48" border="0">
                    </a>
                </p>
            </td>
        </tr>
    </tbody>
</table>