臺北榮民總醫院護理部-張家綺

網站

臺北榮民總醫院護理部

姓名

張家綺

日期

2017-11-03

瀏覽器解析度(iOS的Safari填裝置名稱 macOS填瀏覽器解析度)

1366 * 768

作業系統版本

Windows 7 專業版(SP1)
macOS 10.12.6(16G29)

瀏覽器版本(iOS的Safari填iOS版本)

Chrome:版本 61.0.3163.100 (正式版本) (64 位元)
Safari:版本 11.0(12604.1.38.1.7)

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

有跑版(影響閱讀)問題

[首頁][本部介紹][護理教育委員會]有一塊很明顯的區塊破圖


有出現亂碼

有壞掉的連結

[首頁][實習專區][護生臨床實習滿意度調查]中間連結到失效的表單網站

有不能用的外掛程式(ActiveX、Applet、Flash、Silverlight、…)

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

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

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

☆☆☆☆版型固定,顏色簡單大方,資訊對特定使用者足夠。

問題:

[首頁][本部介紹][護理教育委員會]有一塊很明顯的區塊破圖

可能原因:

table 的 th 元素有設定 background color 因此填滿整欄

原始程式:

table th {
	vertical-align: top;
	background: #fafafa;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px;
}

建議修改:

移除 background color 設定

table th {
	vertical-align: top;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px;
}

補充:修改後的版面如下

其他:

建議不要使用 table 排版,容易使表格炸掉以及版片跑掉,建議使用 bootstrap

問題:

[首頁][實習專區][護生臨床實習滿意度調查]中間連結到失效的表單網站

建議修改:

補上正確連結即可