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
Post a Comment