問題:
原始程式:
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=333
建議修改:
已測試,非程式問題,問題無法修復
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=332 :68
<div>
<table ="100%"="" border="0" summary="排版表格">
<tbody>
<tr>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="政府電子採購網" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/pcc.gif"> </td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="文官e學苑" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/e-college.gif"> </td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="綠色生活資訊網" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/greenliving.jpg"> </td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="法務部全球資訊網動畫專區" src="http://www.moj.gov.tw/site/moj/public/mmo/moj/8125171048281.gif"> </td>
<td style="text-align: left;"><a title="法務部全球資訊網動畫專區" class="hl_d ui-link" href="http://www.moj.gov.tw/ct.asp?xItem=111580&CtNode=21711&mp=001" target="_blank" together="">法務部全球資訊網動畫專區</a> </td>
</tr>
<tr>
<td style=": 160px; text-align: center;"> <img ="130"="" height="30" alt="農業知識入口網" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/coa.gif"></td>
<td style="text-align: left;"><a title="農業知識入口網" class="hl_d ui-link" href="http://kmbeta.coa.gov.tw/" target="_blank" -小知識串成的大力量-=""><u><font color="#666666">農業知識入口網 -小知識串成的大力量-</font></u></a> </td>
</tr>
<tr>
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="行政院農業委員會" src="http://www.nvri.gov.tw/images/banner/coa.gif"> </td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="新農業運動台灣農業亮起來" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/newarg.jpg"> </td>
<td style="text-align: left;"><a title="新農業運動─台灣農業亮起來" class="hl_d ui-link" href="http://www.coa.gov.tw/view.php?catid=11134%20" target="_blank">新農業運動─台灣農業亮起來</a> </td>
</tr>
<tr>
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="農業委員會動植物防疫檢疫局" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/baphiq.gif"> </td>
......
<td style=": 160px; text-align: center;"></td>
<td style="text-align: left;"><br></td>
</tr>
<tr>
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="公報e日刊" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/epaper.jpg"> </td>
......
<td style=": 160px; text-align: center;"><br></td>
<td style="text-align: left;"><br></td>
</tr>
<tr>
<td style=": 160px; text-align: center;"><img ="130"="" height="42" alt="南投縣政府" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/banner.jpg"> </td>
......
<td style=": 160px; text-align: center;"> <img ="130"="" height="40" alt="行政院公共工程委員會-承續公共工程入口網" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/public_logo.jpg"> </td>
<td style="text-align: left;"><a title="行政院公共工程委員會-承續公共工程入口網" class="hl_d ui-link" href="http://eem.pcc.gov.tw/eem/" target="_blank">行政院公共工程委員會-承續公共工程入口網 </a></td>
</tr>
<tr>
<td style=": 160px; text-align: center;"> <img ="130"="" height="40" alt=" 健康九九衛生教育網∕菸害防制法新規定主題館" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/banner20080707.jpg"> </td>
<td style="text-align: left;"><a title=" 健康九九衛生教育網∕菸害防制法新規定主題館" class="hl_d ui-link" href="http://health99.doh.gov.tw/box2/smokefreelife/default.aspx" target="_blank">健康九九衛生教育網∕菸害防制法新規定主題館 </a></td>
</tr>
<tr>
<td style=": 160px; text-align: center;"> <img ="130"="" height="26" style="height: 30px;" alt="農業技術交易網" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/tatm1.jpg"></td>
......
</tr>
<tr>
<td style=": 160px; text-align: center;"> <img ="130"="" height="30" alt="農業虛擬博物館" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/videocoa.gif"><br><img src="http://www.nvri.gov.tw/module/PageContent/ImgUpload/%E8%BE%B2%E6%B0%91%E5%AD%B8%E9%99%A2Banner.jpg" alt="" height="58" ="145"=""><br></td>
<td style="text-align: left;"><u><font color="#666666"><a title=" 農業虛擬博物館" class="hl_d ui-link" href="http://video.coa.gov.tw/" target="_blank">農業虛擬博物館 </a><br><br><a href="http://academy.coa.gov.tw/course.php?grade_id=F&WS_id=135" class="ui-link">農民學院-線上學習</a><br></font></u></td>
</tr>
</tbody>
</table>
......
<div align="center">
......
<a href="http://web.oie.int/eng/divers/en_autorites.htm" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">National Authority Web sites for animal health </font></u></span></a>
......
<a href="http://canadianveterinarians.net/links.aspx" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Center for Veterinary Medicine (CVM) </font></u></span></a>
......
<a href="http://www.aseansec.org/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Association of Southeast Asia Nations (ASEAN) </font></u></span></a>
......
<a href="http://www.codexalimentarius.net/web/index_en.jsp" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Codex Alimentarius Commission (CODEX) </font></u></span></a>
......
<a href="http://www.commonwealthvetassoc.org/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Commonwealth Veterinary Association </font></u></span></a>
......
<a href="http://www.vetweb.co.uk/sites/ivna/index.htm" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">International Veterinary Nurses and Technicians Association </font></u></span></a>
......
<a href="https://old.acvr.org/ivra/index.html" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">International Veterinary Radiology Association </font></u></span></a>
......
<a href="http://www.wahvm.umn.edu/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">World Association for the History of Veterinary Medicine </font></u></span></a>
......
<a href="http://www.worldzoo.org/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">American College of Zoological Medicine </font></u></span></a>
......
<a href="http://www.vets.org.nz/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">New Zealand Veterinary Association </font></u></span></a>
......
<a href="http://www.bsava.com/vcs/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Veterinary Cardiovascular Society </font></u></span></a>
......
<a href="http://www.veterinary-ireland.org/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Veterinary Ireland </font></u></span></a>
......
<a href="http://www.ifahsec.org/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">International Federation for Animal Health </font></u></span></a>
......
<a href="http://www.usp.org/audiences/veterinary/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">USP Veterinary Pharmaceutical Information monographs </font></u></span></a>
......
<a href="http://www.affa.gov.au/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Australian Government Department of Agriculture, Fisheries and Forestry </font></u></span></a>
......
<a href="http://canadianveterinarians.net/links.aspx" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Centers for Disease Control (CDC) </font></u></span></a>
......
<a href="http://ss.niah.affrc.go.jp/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">National Institute of Animal Health of Japan </font></u></span></a>
......
<a href="http://www.scirus.com/srsapp/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">SCIRUS </font></u></span></a>
......
<a href="http://www.vetweb.co.uk/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">VetWeb </font></u></span></a>
......
<a href="http://www.usp.org/audiences/veterinary/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">PigSite Problem Solver </font></u></span></a>
......
<a href="http://vie.dis.strath.ac.uk/vie/caddis/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">CaDDiS </font></u></span></a>
......
</div>
</div>
補上圖片及文字正確連結
刪除多餘表格列
法務部全球資訊網動畫專區 已測試,找不到專區及圖片正確連結;從程式碼中刪除
行政院公共工程委員會-承續公共工程入口網 已測試,找不到正確連結;從程式碼中刪除
International Federation for Animal Health 已測試,找不到正確連結;從程式碼中刪除
USP Veterinary Pharmaceutical Information monographs 已測試,找不到正確連結;從程式碼中刪除
SCIRUS 已測試,找不到正確連結;從程式碼中刪除
VetWeb 已測試,找不到正確連結;從程式碼中刪除
<div>
<table ="100%"="" border="0" summary="排版表格">
<tbody>
<tr>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="政府電子採購網" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/pcc.gif"></td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="文官e學苑" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/e-college.gif"></td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="綠色生活資訊網" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/greenliving.jpg"></td>
......
<td style=": 160px; text-align: center;"> <img ="130"="" height="30" alt="農業知識入口網" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/coa.gif"></td>
<td style="text-align: left;"><a title="農業知識入口網-小知識串成的大力量-" class="hl_d ui-link" href="http://kmweb.coa.gov.tw/mp.asp?mp=1" target="_blank"><u><font color="#666666">農業知識入口網 -小知識串成的大力量-</font></u></a></td>
</tr>
<tr>
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="行政院農業委員會" src="https://www.nvri.gov.tw/images/banner/coa.gif"></td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="新農業運動台灣農業亮起來" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/newarg.jpg"></td>
<td style="text-align: left;"><a title="新農業運動─台灣農業亮起來" class="hl_d ui-link" href="https://www.coa.gov.tw/ws.php?id=11389" target="_blank">新農業運動─台灣農業亮起來</a></td>
</tr>
<tr>
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="農業委員會動植物防疫檢疫局" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/baphiq.gif"></td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt="公報e日刊" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/epaper.jpg"></td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="42" alt="南投縣政府" src="http://www.nvri.gov.tw/module/pagecontent/imgupload/banner.jpg"></td>
......
<td style=": 160px; text-align: center;"><img ="130"="" height="40" alt=" 健康九九衛生教育網∕菸害防制法新規定主題館" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/banner20080707.jpg"></td>
<td style="text-align: left;"><a title=" 健康九九衛生教育網∕菸害防制法新規定主題館" class="hl_d ui-link" href="http://health99.hpa.gov.tw/Box2/SmokeFreeLife/" target="_blank">健康九九衛生教育網∕菸害防制法新規定主題館</a></td>
</tr>
<tr>
<td style=": 160px; text-align: center;"><img ="130"="" height="26" style="height: 30px;" alt="農業技術交易網" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/tatm1.jpg"></td>
......
</tr>
<tr>
<td style=": 160px; text-align: center;"><img ="130"="" height="30" alt="農業虛擬博物館" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/videocoa.gif"></td>
<td style="text-align: left;"><u><font color="#666666"><a title=" 農業虛擬博物館" class="hl_d ui-link" href="http://video.coa.gov.tw/" target="_blank">農業虛擬博物館 </a></font></u></td>
</tr>
<tr>
<td style=": 160px; text-align: center;"><img alt="農民學院-線上學習" src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/%E8%BE%B2%E6%B0%91%E5%AD%B8%E9%99%A2Banner.jpg" height="58" ="145"=""></td>
<td style="text-align: left;"><u><font color="#666666"><a title="農民學院-線上學習" href="http://academy.coa.gov.tw/course.php?grade_id=F&WS_id=135" class="hl_d ui-link" target="_blank">農民學院-線上學習</a></font></u></td>
</tr>
</tbody>
</table>
......
<div align="center">
......
<a href="http://www.oie.int/links/national-authorities/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">National Authority Web sites for animal health</font></u></span></a>
......
<a href="https://www.fda.gov/AboutFDA/CentersOffices/OfficeofFoods/CVM/default.htm" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Center for Veterinary Medicine (CVM)</font></u></span></a>
......
<a href="http://asean.org/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Association of Southeast Asia Nations (ASEAN)</font></u></span></a>
......
<a href="http://www.fao.org/fao-who-codexalimentarius/en/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Codex Alimentarius Commission (CODEX)</font></u></span></a>
......
<a href="https://www.commonwealthvetassoc.com/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Commonwealth Veterinary Association</font></u></span></a>
......
<a href="http://www.ivnta.org/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">International Veterinary Nurses and Technicians Association</font></u></span></a>
......
<a href="http://www.acvr.org/ivra" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">International Veterinary Radiology Association</font></u></span></a>
......
<a href="http://wahvm.org/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">World Association for the History of Veterinary Medicine</font></u></span></a>
......
<a href="http://www.aczm.org/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">American College of Zoological Medicine</font></u></span></a>
......
<a href="http://www.nzva.org.nz/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">New Zealand Veterinary Association</font></u></span></a>
......
<a href="http://www.bsavaportal.com/vcs/Home" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Veterinary Cardiovascular Society</font></u></span></a>
......
<a href="http://www.veterinaryireland.ie/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Veterinary Ireland</font></u></span></a>
......
<a href="http://www.agriculture.gov.au/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Australian Government Department of Agriculture, Fisheries and Forestry</font></u></span></a>
......
<a href="https://www.cdc.gov/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">Centers for Disease Control (CDC)</font></u></span></a>
......
<a href="http://www.naro.affrc.go.jp/english/niah/" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">National Institute of Animal Health of Japan</font></u></span></a>
......
<a href="http://www.thepigsite.com/diseaseinfo/problemsolver.php" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">PigSite Problem Solver</font></u></span></a>
......
<a href="http://external.cis.strath.ac.uk/caddis//" target="_blank" class="ui-link"><span style="font-size: 10pt;"><u><font color="#666666">CaDDiS </font></u></span></a>
......
</div>
</div>
表格使用nowrap屬性導致內容超出頁面寬度
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=114 :96
<table cellspacing="0" cellpadding="6" align="center" border="1">
<tbody>
<tr>
<th nowrap="" rowspan="2">血清劑量(ml)</th>
<th nowrap="" rowspan="2">相對稀釋倍數</th>
<th nowrap="" colspan="3" scope="col">反應</th>
</tr>
......
</tbody>
</table>
刪除nowrap就可以換行
<table cellspacing="0" cellpadding="6" align="center" border="1">
<tbody>
<tr>
<th rowspan="2">血清劑量(ml)</th>
<th nowrap="" rowspan="2">相對稀釋倍數</th>
<th nowrap="" colspan="3" scope="col">反應</th>
</tr>
......
</tbody>
</table>
表格內容過多
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=115 :63
<table class="table_cnew3" border="0" summary="排版表格">
<tbody>
<tr>
<td>
<table class="table_cnew3" border="0" summary="排版表格">
<tbody>
<tr>
<td>
......
<table cellspacing="0" cellpadding="1" ="680"="" align="center" border="1">
......
</table>
......
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
使用overflow屬性
因使用table包含整頁內容因此若調整好會導致整頁頁面都可以被左右拖曳
須將最外層表格刪除才能僅試管法之表格可左右拖曳
......
<div style="overflow:scroll">
<table cellspacing="0" cellpadding="1" ="680"="" align="center" border="1">
......
</table>
</div>
......
將表格向左拖曳後之示意圖
圖片高度被固定
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=121 :60
<div data-role="content" class="ui-content" role="main">
<p>
......
<img src="https://www.nvri.gov.tw/module/pagecontent/imgupload/2_008-1.gif" alt="紅血球凝集反應術式(HA價)" ="590"="" height="116">
......
<img src="https://www.nvri.gov.tw/module/pagecontent/imgupload/2_008-2.gif" alt="紅血球凝集抑制試驗術式(HI test)" ="587"="" height="136">
......
<img src="https://www.nvri.gov.tw/module/pagecontent/imgupload/2_008-3.gif" alt="抗原對照" ="399"="" height="105">
......
<img src="https://www.nvri.gov.tw/module/pagecontent/imgupload/2_008-4.gif" alt="判定法" ="477"="" height="137">
......
</p>
</div>
刪除高度限制
<div data-role="content" class="ui-content" role="main">
<p>
......
<img src="https://www.nvri.gov.tw/module/pagecontent/imgupload/2_008-1.gif" alt="紅血球凝集反應術式(HA價)">
......
<img src="https://www.nvri.gov.tw/module/pagecontent/imgupload/2_008-2.gif" alt="紅血球凝集抑制試驗術式(HI test)">
......
<img src="https://www.nvri.gov.tw/module/pagecontent/imgupload/2_008-3.gif" alt="抗原對照">
......
<img src="https://www.nvri.gov.tw/module/pagecontent/imgupload/2_008-4.gif" alt="判定法">
......
</p>
</div>
在css中加入img的max-width屬性
img{
max-width: 100%;
}
表格寬度被寫死
以 首頁>最新消息>107年度建置水產動物生產醫學及終身學習教育平台教育訓練開始報名 為例
位置:http://m1.nvri.gov.tw/News/NewsContent/1042 :67
<table width="575" border="1">
......
</table>
刪除寬度限制
<table border="1">
......
</table>
連結錯誤
以 首頁>研討會>學術研討會–第880次 為例
位置:http://m1.nvri.gov.tw/News/NewsContent/1011 :67
<img src="http://www.nvri.gov.tw/module/PageContent/ImgUpload/880.jpg" alt="880QRCode" height="159" width="159">
修正圖片連結為 https://www.nvri.gov.tw/module/PageContent/ImgUpload/880.jpg
<img src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/880.jpg" alt="880QRCode" height="159" width="159">
若圖片超版
將長寬限制刪除並在css中加上img{max-width: 100%;}
若圖片在表格中
在css中加上td{display:inline-block;}
首頁>相關連結
參考上面
首頁>便民服務>為民服務白皮書 文件下載
已測試,問題無法複現
文字無排版
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=547 :63
<div data-role="content" class="ui-content" role="main">
<p>一、本所</p>
TEL:02-26212111(總機) FAX:02-26225345
......
<p>二、本所動物用藥品檢定分所</p>
<p><span lang="EN-US">TEL</span>:<span lang="EN-US">037-584811</span>(總機) <span lang="EN-US">FAX</span>:<span lang="EN-US">037-584424<br></span></p>
......
</div>
用清單方式呈現
<div data-role="content" class="ui-content" role="main">
<p>一、本所</p>
<ul>
<li>TEL:02-26212111(總機)</li>
<li>FAX:02-26225345</li>
</ul>
......
<p>二、本所動物用藥品檢定分所</p>
<ul>
<li>TEL:037-584811(總機)</li>
<li>FAX:037-584424</li>
</ul>
......
</div>
在css中加上
li{
list-style-type: none;
display: inline-block;
}
網址(長英文)不會自動換行;本來就沒有做超連結
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=844
在css中加入
p{
word-break: break-word;
}
圖片連結錯誤
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=427 :63
<img src="../../PageContent/ImgUpload/taf0855.jpg" alt="TAF-ISO / IEC 17025 2005實驗室認證LOGO" height="250">
修正連結,並刪除高度限制
<img src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/taf0855.jpg" alt="TAF-ISO / IEC 17025 2005實驗室認證LOGO">
在css中加上
td{
display: inline-block;
}
圖片連結錯誤、高度被寫死;表格display設置錯誤
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=442 :63
<table style=": 856px;">
<tbody>
<tr>
<td style=": 178px;"><img src="../../PageContent/ImgUpload/ilacmra.jpg" alt="TAF認證通過的的LOGO" ="150"="" height="150"> </td>
<td style=": 166px;"><img src="../../pagecontent/imgupload/taf0854.jpg" alt="TAF認證通過的的LOGO" ="150"="" height="150"></td>
......
</tr>
</tbody>
</table>
更改圖片的長寬限制
<table>
<tbody>
<tr>
<td><img src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/ilacmra.jpg" alt="TAF認證通過的的LOGO" style="max-width: 100%;max-height: 150px;"></td>
<td><img src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/taf0854.jpg" alt="TAF認證通過的的LOGO" style="max-width: 100%;max-height: 150px;"></td>
......
</tr>
</tbody>
</table>
在css中加上td的display屬性
td{
display: inline-block;
}
圖片不見:已測試,問題無法複現;但圖片高度被寫死造成圖片超出頁面
表格超出:內容過多,超出頁面
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=850 :60
<div data-role="content" class="ui-content" role="main">
......
<p><img src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/obex.jpg" alt="牛海綿狀腦病監測成果:牛海綿狀腦病採材部位:腦幹" ="486"="" height="228"></p>
......
<table style="border-collapse: collapse;" border="1" ="665"="">
.......
</table>
......
<p><img src="https://www.nvri.gov.tw/module/Pagecontent/Imgupload/dog.JPG" alt="狂犬病監測成果圖片:狂犬病診斷:直接螢光標示抗體檢查法(FA)偵測狂犬病病毒抗原" ="473"="" height="349"></p>
......
<table style="border-collapse: collapse;" border="1">
......
</table>
......
<table style="border-collapse: collapse;" border="1">
......
</table>
......
</div>
將圖片的height屬性改成max-height
把table用div包起來
<div data-role="content" class="ui-content" role="main">
......
<p><img src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/obex.jpg" alt="牛海綿狀腦病監測成果:牛海綿狀腦病採材部位:腦幹" style="max-height: 228px;"></p>
......
<div>
<table style="border-collapse: collapse;" border="1">
.......
</table>
</div>
......
<p><img src="https://www.nvri.gov.tw/module/Pagecontent/Imgupload/dog.JPG" alt="狂犬病監測成果圖片:狂犬病診斷:直接螢光標示抗體檢查法(FA)偵測狂犬病病毒抗原" style="max-height: 349px;"></p>
......
<div>
<table style="border-collapse: collapse;" border="1">
......
</table>
</div>
......
<div>
<table style="border-collapse: collapse;" border="1">
......
</table>
</div>
......
</div>
在css中加上
img {
max-width: 100%;
}
div {
overflow: scroll;
}
圖片不見:連結錯誤
右邊文字不見:td的display設置錯誤
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=432
已測試,可參考上面
td的display設置錯誤
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=90
已測試,可參考上面
td的display設置錯誤
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=103
已測試,可參考上面
圖片高度被寫死超出頁面造成表格被撐開
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=129
<img src="http://www.nvri.gov.tw//module/pagecontent/imgupload/p01.gif" ="536"="" height="383" alt動物疫病診斷中心服務流程圖="">
更改圖片的長寬限制
<img src="https://www.nvri.gov.tw//module/pagecontent/imgupload/p01.gif" alt="動物疫病診斷中心服務流程圖" style="max-width: 100%;max-height: 383px;">
圖片高度被寫死或長寬無設置
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=590
在css中加上
img {
max-width: 100%;
height: auto;
}
圖片沒有設置寬度
以 首頁>出版品>106年度出版品 為例
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=886
在css中加上img寬度限制
img{
width: 300px;
max-width: 100%;
}
長英文不會自動換行;圖片高度被寫死
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=868 :63
<img src="https://www.nvri.gov.tw/images/Rabies2017.jpg" alt="狂犬病血清抗體檢測作業流程圖" ="563"="" height="531">
刪除高度限制
<img src="https://www.nvri.gov.tw/images/Rabies2017.jpg" alt="狂犬病血清抗體檢測作業流程圖">
在css中加上word-break屬性強制換行,max-width屬性限制圖片大小
p{
word-break: break-all;
}
img{
max-width: 100%;
}
圖片高度被寫死,造成表格被撐開
位置:http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=491 :66
<img height="811" alt="家禽流行性感冒實驗室檢驗流程" src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/20081220.gif" ="585"="">
刪除圖片高度限制
<img alt="家禽流行性感冒實驗室檢驗流程" src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/20081220.gif">
在css中加上max-width屬性
img{
max-width: 100%
}