Custom CSS that places image at the top of each page

philipmorg's Avatar


28 Feb, 2012 10:02 PM

Does Marked have a way to place an image at the top of each page it exports? Perhaps using custom CSS or the like?

  1. Support Staff 1 Posted by Brett on 28 Feb, 2012 10:11 PM

    Brett's Avatar

    There's no header support, and using a fixed image at the top of the page would still only output it on the first page. The only real option is to style a certain element (maybe `<hr>`) to force a page break and have a background image. Then you could place that element in the document at places where you want a new page to start, such as before a chapter or section, and then you'd get something like what you're looking for.

    Something like:

    hr {
    background: url(/your/image) no-repeat center center;
    height: [[your image height]]px;
    width: 100%

    Then just put "- - -" anywhere you want it to happen.

    That's about the best I can offer, given webkit's printing system. If you export HTML and use an external processor like Pandoc or HTMLDoc, you might be able to pull it off.

  2. 2 Posted by philipmorg on 29 Feb, 2012 12:52 AM

    philipmorg's Avatar

    Thanks Brett! That's very helpful.

  3. Brett closed this discussion on 29 Feb, 2012 09:54 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac