Really seems that my knowledge of CSS is far from adequate for Chemistry.
I need to create a front page with the company logo on top left (too big for top left margin box), left aligned product name under that, left-aligned words "Installation instructions" under that, a reasonably big image of the product at the center and "ENG" for "English" in the bottom-right margin box.
After fighting with line breaks and other problems I decided to make an image of the whole thing and import it as a background image. But I don't seem to be able to do even that!
In order to bring the image to the front page I added the following to my project css:
Code: Select all
/* cover page */
@page cover-page{
background-image:url('O_etusivu.png');
background-repeat:no-repeat;
@bottom-center {
content:none;
}
}
html:before{
content:" ";
page:cover-page;
}
O-etusivu.png is in the same folder as my project css. (I would prefer svg but I thought that it is safer to try with a png first.) In the result the first page of the pDF is the front page based on p-front-page.css. There is no cover page!
Maybe I don't just have the brains for this...
Best Regards...Timo