臺北榮民總醫院玉里、台東、鳳林分院-龎袿方

網站

臺北榮民總醫院玉里、台東、鳳林分院

姓名

龎袿方

日期

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、…)

無|N/A

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

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

對此網站建議(給個建議吧)

便民服務、首頁、就醫指南都有網路掛號的選項,似乎不用放那麼多

未看出

可能的原因

使用舊式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>