Footer/Header and images
See original GitHub issueI’m trying to include images in my header, using the option file. My config.json file looks like:
{
"highlight_style": "monokai",
"html_pdf_options": {
"format": "A4",
"border": "15mm",
"header": {
"height": "15mm",
"contents": "<div style='width:100%;text-align: right; border-bottom: 1pt solid #eeeeee;'><font size='-1'>A <b>Team</b><em>A</em> document</font> <img style=\"vertical-align:middle;margin-right:10px;margin-left:10px;\" width=\"60px\" src=\"https://goo.gl/HkfCvS\"/> </div>"
},
"footer": {
"height": "15mm",
"contents": {
"default": "<hr width='110%'><div style='float:right;'>Page {{page}}/{{pages}}</div>"
}
}
}
}
As a result, I can see the picture location, but only white space instead of of picture…
Even if I remove any style option, the picture never displays.
Can we have conversion log (PhantomJS ?) ? That could help to understand the situation…
Thanks Nekloth
Issue Analytics
- State:
- Created 5 years ago
- Comments:10 (5 by maintainers)
Top Results From Across the Web
Add images to a header or footer - Microsoft Support
Add images to a header or footer · Go to Layout > View > Page Layout. · On the Header or Footer pop-up...
Read more >Header And Footer Pictures, Images and Stock Photos - iStock
Search from 8961 Header And Footer stock photos, pictures and royalty-free images from iStock. Find high-quality stock photos that you won't find anywhere ......
Read more >Header footer Images - Free Download on Freepik
Find & Download Free Graphic Resources for Header Footer. 5000+ Vectors, Stock Photos & PSD files. ✓ Free for commercial use ✓ High...
Read more >88710 Header Footer Images, Stock Photos & Vectors
Find Header Footer stock images in HD and millions of other royalty-free stock photos, illustrations and vectors in the Shutterstock collection.
Read more >40469 results for header and footer in images - Adobe Stock
Search from thousands of royalty-free Header And Footer stock images and video ... Download royalty-free stock photos, vectors, HD footage and more on...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Ok.
Now, I have this settings that does the job:
This will display header and footer information on the right of the page, with a bottom/top border.
And picture works well too:
TL;DR : that looks good for me! 😃
Thanks for the tip! It works ! 😃