html - How deploy these on my raspberry pi running Apache? -


i transfer pdf file html online , got file downloaded, contains 4 files: xxxxx.htm, image.jpg, xxxxx.pdf, , folder called xxxxx_images contains picture called xxxxx1*1.jpg.

if put html raspberry, pdf picture doesn't show up. should put image in? website store in /var/www/index.html.

here code

<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <html>         <head>         <meta http-equiv="content-type" content="text/html; charset=utf-8">         <meta http-equiv="x-ua-compatible" content="ie=8">         <title>created bcl easyconverter sdk 3 (html version)</title>         <style type="text/css">             body {                 margin-top: 0px;                 margin-left: 0px;             }             #page_1 {                 position:relative;                 overflow: hidden;                 margin: 130px 0px 793px 80px;                 padding: 0px;                 border: none;                 width: 714px;             }             #page_1 #dimg1 {                 position:absolute;                 top:8px;                 left:0px;                 z-index:-1;                 width:47px;                 height:14px;                 font-size: 1px;                 line-height:nheight;             }             #page_1 #dimg1 #img1 {                 width:47px;                 height:14px;             }             .ft0 {                 font: 19px'arial';                 color: #606060;                 line-height: 22px;             }             .ft1 {                 font: 11px'arial';                 line-height: 14px;             }             .ft2 {                 font: 13px'arial';                 line-height: 16px;             }             .p0 {                 text-align: left;                 padding-left: 67px;                 margin-top: 0px;                 margin-bottom: 0px;             }             .p1 {                 text-align: left;                 padding-left: 67px;                 margin-top: 25px;                 margin-bottom: 0px;             }             .p2 {                 text-align: left;                 padding-left: 67px;                 margin-top: 59px;                 margin-bottom: 0px;             }             .p3 {                 text-align: left;                 padding-left: 67px;                 margin-top: 42px;                 margin-bottom: 0px;             }         </style>     </head>      <body>         <div id="page_1">             <div id="dimg1">                 <img src="hello%20world_images/hello%20world1x1.jpg" id="img1">             </div>             <p class="p0 ft0">hello world</p>             <p class="p1 ft1">                 <nobr>123-456-7890</nobr>no_reply@example.com</p>             <p class="p2 ft0">hello world</p>             <p class="p3 ft2">this pdf file test.</p>         </div>     </body> </html> 

your image path incorrect. html code specifies img relative path: hello%20world_images/hello%20world1x1.jpg, question states have:

a file called xxxxx_images contains picture called xxxxx1*1.jpg.

i'm not sure means, make sure image in location specified html, or edit src attribute of img tag match actual file location.


Comments

Popular posts from this blog

jquery - How do you format the date used in the popover widget title of FullCalendar? -

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -