On the page:
It illustrates how to add an image to header or footer in HTML:
< div style = "margin-top:10mm" > < img src = "/download/attachments/12346/header-image.png" /> </ div > However what is the CSS StyleSheet version of the above? I tried to incorporate the HTML in the layout and it doesn't seem to work for me. However, changes in the stylesheet seems to work...but I haven't figured out how to get the image into a header.
|
CSS does not do content, but there is a way to insert a background image. If you give the rigth format to the image, you can get good results. An example using as a base the one provided in the manual coudl be:
@page { @top-center { background-image:url('/download/attachments/12345/image.jpeg'); background-repeat:no-repeat; background-position:right top; content: "Document Title Goes Here"; font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif; font-size: 8pt; } @bottom-center { content: "Page " counter(page); font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif; font-size: 8pt; } }
This example takes an image which has been attached to Confluence. You will need to replace the URL for the one for your attachment.
I have the same problem 'Lawrence Ho' has.
Add an Image via 'PDF stylesheet' as background-image works fine but adding an image via 'PDF Layout' and HTML
<
div
style
=
"margin-top:10mm"
>
<
img
src
=
"/download/attachments/12346/header-image.png"
/>
</
div
>
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Not sure how to add an image such that it appears as the header for every page....
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
I'd be somewhat surprised if a CSS background image would show up on a PDF export. Use an image :)
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
I can confirm that CSS background does in fact show up on PDF export on Confluence 6.8.0 :-)
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
🙌
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.