油品行銷事業部 - 范玟瑄

網站

油品行銷事業部

姓名

范玟瑄

日期

2017-11-5

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

1024 * 768

作業系統版本

iOS 11.0 (15A372)

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

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

有跑版(影響閱讀)問題

圖1

圖2

圖1

圖2

有出現亂碼

有壞掉的連結

有不能用的外掛程式

圖1

圖2

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

圖1

圖2

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

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

☆☆☆
希望網頁點擊的點不要只在"閱讀更多"、或者是"前往連結",能夠整條點擊。
喜歡有檔案下載提示的功能!

可能的原因

CSS 樣式設定不當
圖片寫死寬度

原始程式:

<div id="newsMore">
    <div class="TL">
      <h1 id="tdTitle">中油車隊卡</h1>
      <div class="date"><span id="tdPublishDate">105-4-29</span><span id="tdCount"></span></div>
    </div>
    <div class="TR">
      <a href="javascript:window.print();"><img src="images/news-print.gif" alt="友善列印" width="70" height="24"></a>
      <noscript>請按Ctrl+P即可列印</noscript>
    </div>
    <div class="dotline"></div>
    <article id="tdContent"><p>
※中油『車隊卡』</p>
<p>
一、車卡(汽油、柴油)</p>
<p>
<img alt="" src="/UploadFiles/images/%e8%bb%8a%e9%9a%8a%e5%8d%a1_%e6%b1%bd%e8%b3%92%e9%8a%b7(4).jpg" style="width: 668px; height: 170px"></p>
<p>
<img alt="" src="/UploadFiles/images/%e8%bb%8a%e9%9a%8a%e5%8d%a1_%e6%9f%b4%e8%b3%92%e9%8a%b7(2).jpg"></p>
<p>
&nbsp;&nbsp;<br>
二、臨時卡</p>
<p>
<img alt="" src="/UploadFiles/images/%e8%87%a8%e6%99%82%e5%8d%a1_%e8%b3%92%e9%8a%b7(2).jpg"></p>
<p>
&nbsp;&nbsp;<br>
三、灌桶卡</p>
<p>
<img alt="" src="/UploadFiles/images/%e7%81%8c%e6%a1%b6%e5%8d%a1_%e8%b3%92%e9%8a%b7.jpg"></p>
<p>
<br>
四、中油『車隊卡』介紹<br>
卡片分為車卡、臨時卡及灌桶卡。車卡分為「汽油類」、「柴油類」係提供大宗客戶車輛加油之用。臨時卡分為「汽油類」、「柴油類」及「不限油品」為提供客戶新增車輛或卡片遺失時使用,加油時毋須核對車號。灌桶卡分為「汽油類」、「柴油類」及「不限油品」,主要提供客戶自備油桶至加油站灌桶加油。<br>
&nbsp;&nbsp;<br>
五、使用中油『車隊卡』有什麼優點?<br>
(一) 便利加油:<br>
可指定加油站加油,亦可至中油各地自營站、加盟站加油,惟須經雙方協議。<br>
(二) 掌控用油經費:<br>
可作額度控管,超額停止加油,不會超支預算。<br>
(三) 簡化報銷手續:<br>
發票按期統開,無須逐車、逐次收集發票報銷。<br>
(四) 提昇車輛用油管理效率:<br>
中油可提供網站上網查詢(現銷)或提供車輛用油管理月報電子檔(賒銷),公司無須再逐車統計,管理效率大大提昇。<br>
車隊卡加油查詢網站:<a href="https://cpcbcs.cpc.com.tw/CPC_FLT/CPCLogin.aspx">https://cpcbcs.cpc.com.tw/CPC_FLT/CPCLogin.aspx</a><br>
&nbsp;&nbsp;<br>
六、如何申請中油『車隊卡』?&nbsp;<br>
(一)以公司或機關名義與中油簽訂購油契約、車隊卡作業協議書,並提供車輛資料申請製卡,惟中油保有是否接受申請、核發車卡之權利。<br>
(二)申請窗口:中油公司各地區營業櫃台(查詢網站:<a href="http://new.cpc.com.tw/division/mb/location-more.aspx?PID=9">http://new.cpc.com.tw/division/mb/location-more.aspx?PID=9</a>)。<br>
(三)為配合政府推動電子發票政策,請車隊卡客戶憑【工商憑證卡】登錄【財政部電子發票整合服務平台】(網站:<a href="https://www.einvoice.nat.gov.tw/">https://www.einvoice.nat.gov.tw/</a>)完成【註冊】後,將本公司當地直銷中心統一編號設定為賣方,並選擇web之接收方式,以利本公司營業櫃檯開立電子發票。<br>
<br>
七、申請中油『車隊卡』應提供哪些車輛之基本資料?&nbsp;<br>
公司營業登記資料、聯絡人、電話、電子信箱、車牌號碼、使用油品、每月用油量或金額等。辦卡手續費用每張新台幣100元。<br>
<br>
八、『車隊卡』之交易形式是現銷或賒銷購油?<br>
兩種交易形式皆可;現銷購油每月預付油款以電匯方式匯入中油公司指定帳戶,每月匯款以一次為原則。惟賒銷購油需先依中油規定提供二個月以上用油額度之擔保品(金融機構定期存款單、付款保證書),並辦妥擔保手續。<br>
【賒銷購油需視各營業處當年度之分配額度使用狀況而定,若營業處之賒銷額度已用完,則不再受理客戶申請賒購。】<br>
<br>
九、如何啟用中油『車隊卡』?<br>
與中油簽訂購油契約、車隊卡作業協議書手續後:<br>
■現銷:&nbsp;<br>
1.先至中油營業櫃檯購買提單,預付油款入帳後,即可憑卡至指定站加油。&nbsp;<br>
2.每次之加油金額直接從預付油款中抵扣,當最後一筆之加油金額>預付油款餘額時,交易會被中止,需再行買單補充預付額度,始得加油。<br>
■賒銷:&nbsp;<br>
1.領取車隊卡後,司機即可憑卡至指定站加油。&nbsp;<br>
2.每月中油彙整上月各車之加油資料,依約結算油款開立發票後,再行付款。&nbsp;<br>
<br>
十、『車隊卡』遺失或車輛異動資料變更時應如何處理?<br>
請逕洽原發卡櫃台辦理補發及變更事宜,補發新卡每張將酌收製卡工本費每張新台幣100元。&nbsp;<br>
<br>
十一、 中油『車隊卡』加油時,應注意些什麼?<br>
1.加油前應先出示「車隊卡」供加油站人員按卡片標示之油品別加油及插卡查詢餘額是否足夠。<br>
2.到站加油車輛之「車號」應與車隊卡所載「車號」相符,否則中油有權拒絕加油,或拒收車隊卡改收現金。<br>
3.加完油駕駛人應在「簽單」上簽認,一聯交駕駛人攜回,一聯交由加油站存查。&nbsp;<br>
4.加油時,不另送贈品或VIP積點。<br>
&nbsp;&nbsp;<br>
十二、中油『車隊卡』保管上應注意哪些事項?<br>
請勿將卡片彎曲、折損、接觸任何清潔溶劑、與電池放在一起或使用硬物磨損IC晶片處,並將卡片遠離熱源及陽光的直接曝曬。&nbsp;<br>
<br>
十三、何處提供中油『車隊卡』之諮詢及申訴服務?<br>
1.地址:台北市松仁路三號。&nbsp;<br>
2.免付費電話:0800-036188&nbsp;<br>
3.網址:<a href="http://new.cpc.com.tw/division/mb/">http://new.cpc.com.tw/division/mb/</a></p></article>
   
    <div id="attach">
      <span id="divNoAUrl" style="display:"></span><span id="divNoFile" style="display:"></span><table width="100%" border="0" cellpadding="0">
        
        
      </table>
      
<!--记录总数只有一页,WebPager已自动隐藏,若需在只有一页数据时显示WebPager,请将AlwaysShow属性值设为true!-->


    </div>
    <div class="back"><a href="javascript:history.back();">返回前一頁</a></div>
    <noscript>此段JavaScript提供回上一頁功能,若瀏覽器不支援JavaScript,請使用鍵盤Backspace或瀏覽器回上一頁功能</noscript>
  </div>

建議程式:

<div id="newsMore">
    <div class="TL">
      <h1 id="tdTitle">中油車隊卡</h1>
      <div class="date"><span id="tdPublishDate">105-4-29</span><span id="tdCount"></span></div>
    </div>
    <div class="TR">
      <a href="javascript:window.print();"><img src="images/news-print.gif" alt="友善列印" width="70" height="24"></a>
      <noscript>請按Ctrl+P即可列印</noscript>
    </div>
    <div class="dotline"></div>
    <article id="tdContent"><p>
※中油『車隊卡』</p>
<p>
一、車卡(汽油、柴油)</p>
<p>
<img alt="" src="/UploadFiles/images/%e8%bb%8a%e9%9a%8a%e5%8d%a1_%e6%b1%bd%e8%b3%92%e9%8a%b7(4).jpg" style="width: 100%;"></p>
<p>
<img alt="" src="/UploadFiles/images/%e8%bb%8a%e9%9a%8a%e5%8d%a1_%e6%9f%b4%e8%b3%92%e9%8a%b7(2).jpg" style="width: 100%;"></p>
<p>
&nbsp;&nbsp;<br>
二、臨時卡</p>
<p>
<img alt="" src="/UploadFiles/images/%e8%87%a8%e6%99%82%e5%8d%a1_%e8%b3%92%e9%8a%b7(2).jpg" style="width: 100%;"></p>
<p>
&nbsp;&nbsp;<br>
三、灌桶卡</p>
<p>
<img alt="" src="/UploadFiles/images/%e7%81%8c%e6%a1%b6%e5%8d%a1_%e8%b3%92%e9%8a%b7.jpg" style="width: 100%;"></p>
<p>
<br>
四、中油『車隊卡』介紹<br>
卡片分為車卡、臨時卡及灌桶卡。車卡分為「汽油類」、「柴油類」係提供大宗客戶車輛加油之用。臨時卡分為「汽油類」、「柴油類」及「不限油品」為提供客戶新增車輛或卡片遺失時使用,加油時毋須核對車號。灌桶卡分為「汽油類」、「柴油類」及「不限油品」,主要提供客戶自備油桶至加油站灌桶加油。<br>
&nbsp;&nbsp;<br>
五、使用中油『車隊卡』有什麼優點?<br>
(一) 便利加油:<br>
可指定加油站加油,亦可至中油各地自營站、加盟站加油,惟須經雙方協議。<br>
(二) 掌控用油經費:<br>
可作額度控管,超額停止加油,不會超支預算。<br>
(三) 簡化報銷手續:<br>
發票按期統開,無須逐車、逐次收集發票報銷。<br>
(四) 提昇車輛用油管理效率:<br>
中油可提供網站上網查詢(現銷)或提供車輛用油管理月報電子檔(賒銷),公司無須再逐車統計,管理效率大大提昇。<br>
車隊卡加油查詢網站:<a href="https://cpcbcs.cpc.com.tw/CPC_FLT/CPCLogin.aspx">https://cpcbcs.cpc.com.tw/CPC_FLT/CPCLogin.aspx</a><br>
&nbsp;&nbsp;<br>
六、如何申請中油『車隊卡』?&nbsp;<br>
(一)以公司或機關名義與中油簽訂購油契約、車隊卡作業協議書,並提供車輛資料申請製卡,惟中油保有是否接受申請、核發車卡之權利。<br>
(二)申請窗口:中油公司各地區營業櫃台(查詢網站:<a href="http://new.cpc.com.tw/division/mb/location-more.aspx?PID=9">http://new.cpc.com.tw/division/mb/location-more.aspx?PID=9</a>)。<br>
(三)為配合政府推動電子發票政策,請車隊卡客戶憑【工商憑證卡】登錄【財政部電子發票整合服務平台】(網站:<a href="https://www.einvoice.nat.gov.tw/">https://www.einvoice.nat.gov.tw/</a>)完成【註冊】後,將本公司當地直銷中心統一編號設定為賣方,並選擇web之接收方式,以利本公司營業櫃檯開立電子發票。<br>
<br>
七、申請中油『車隊卡』應提供哪些車輛之基本資料?&nbsp;<br>
公司營業登記資料、聯絡人、電話、電子信箱、車牌號碼、使用油品、每月用油量或金額等。辦卡手續費用每張新台幣100元。<br>
<br>
八、『車隊卡』之交易形式是現銷或賒銷購油?<br>
兩種交易形式皆可;現銷購油每月預付油款以電匯方式匯入中油公司指定帳戶,每月匯款以一次為原則。惟賒銷購油需先依中油規定提供二個月以上用油額度之擔保品(金融機構定期存款單、付款保證書),並辦妥擔保手續。<br>
【賒銷購油需視各營業處當年度之分配額度使用狀況而定,若營業處之賒銷額度已用完,則不再受理客戶申請賒購。】<br>
<br>
九、如何啟用中油『車隊卡』?<br>
與中油簽訂購油契約、車隊卡作業協議書手續後:<br>
■現銷:&nbsp;<br>
1.先至中油營業櫃檯購買提單,預付油款入帳後,即可憑卡至指定站加油。&nbsp;<br>
2.每次之加油金額直接從預付油款中抵扣,當最後一筆之加油金額>預付油款餘額時,交易會被中止,需再行買單補充預付額度,始得加油。<br>
■賒銷:&nbsp;<br>
1.領取車隊卡後,司機即可憑卡至指定站加油。&nbsp;<br>
2.每月中油彙整上月各車之加油資料,依約結算油款開立發票後,再行付款。&nbsp;<br>
<br>
十、『車隊卡』遺失或車輛異動資料變更時應如何處理?<br>
請逕洽原發卡櫃台辦理補發及變更事宜,補發新卡每張將酌收製卡工本費每張新台幣100元。&nbsp;<br>
<br>
十一、 中油『車隊卡』加油時,應注意些什麼?<br>
1.加油前應先出示「車隊卡」供加油站人員按卡片標示之油品別加油及插卡查詢餘額是否足夠。<br>
2.到站加油車輛之「車號」應與車隊卡所載「車號」相符,否則中油有權拒絕加油,或拒收車隊卡改收現金。<br>
3.加完油駕駛人應在「簽單」上簽認,一聯交駕駛人攜回,一聯交由加油站存查。&nbsp;<br>
4.加油時,不另送贈品或VIP積點。<br>
&nbsp;&nbsp;<br>
十二、中油『車隊卡』保管上應注意哪些事項?<br>
請勿將卡片彎曲、折損、接觸任何清潔溶劑、與電池放在一起或使用硬物磨損IC晶片處,並將卡片遠離熱源及陽光的直接曝曬。&nbsp;<br>
<br>
十三、何處提供中油『車隊卡』之諮詢及申訴服務?<br>
1.地址:台北市松仁路三號。&nbsp;<br>
2.免付費電話:0800-036188&nbsp;<br>
3.網址:<a href="http://new.cpc.com.tw/division/mb/">http://new.cpc.com.tw/division/mb/</a></p></article>
   
    <div id="attach">
      <span id="divNoAUrl" style="display:"></span><span id="divNoFile" style="display:"></span><table width="100%" border="0" cellpadding="0">
        
        
      </table>
      
<!--记录总数只有一页,WebPager已自动隐藏,若需在只有一页数据时显示WebPager,请将AlwaysShow属性值设为true!-->


    </div>
    <div class="back"><a href="javascript:history.back();">返回前一頁</a></div>
    <noscript>此段JavaScript提供回上一頁功能,若瀏覽器不支援JavaScript,請使用鍵盤Backspace或瀏覽器回上一頁功能</noscript>
  </div>

可能的原因

CSS 樣式設定不當 沒有設定換行

原始程式:

<a href="http://new.cpc.com.tw/file/division/mb/%E4%B8%AD%E6%B2%B9_%E4%BA%BA%E8%BB%8A%E7%94%9F%E6%B4%BB%E5%8A%A0%E6%B2%B9%E7%AB%99%E8%BB%8A%E4%B8%BB%E6%89%8B%E5%86%8A%E7%B6%B2%E8%B7%AF%E7%89%88.pdf" target="_blank" class="font-dgray-s">http://new.cpc.com.tw/file/division/mb/%E4%B8%AD%E6%B2%B9_%E4%BA%BA%E8%BB%8A%E7%94%9F%E6%B4%BB%E5%8A%A0%E6%B2%B9%E7%AB%99%E8%BB%8A%E4%B8%BB%E6%89%8B%E5%86%8A%E7%B6%B2%E8%B7%AF%E7%89%88.pdf</a>

建議程式:

<a href="http://new.cpc.com.tw/file/division/mb/%E4%B8%AD%E6%B2%B9_%E4%BA%BA%E8%BB%8A%E7%94%9F%E6%B4%BB%E5%8A%A0%E6%B2%B9%E7%AB%99%E8%BB%8A%E4%B8%BB%E6%89%8B%E5%86%8A%E7%B6%B2%E8%B7%AF%E7%89%88.pdf" target="_blank" class="font-dgray-s" style="
word-break: break-word;">http://new.cpc.com.tw/file/division/mb/%E4%B8%AD%E6%B2%B9_%E4%BA%BA%E8%BB%8A%E7%94%9F%E6%B4%BB%E5%8A%A0%E6%B2%B9%E7%AB%99%E8%BB%8A%E4%B8%BB%E6%89%8B%E5%86%8A%E7%B6%B2%E8%B7%AF%E7%89%88.pdf</a>