Update 15 July: The current final verstion of the new non-scrolling header template is attached to this topic. As far as we can see all problems have now been ironed out. Printing now also works perfectly for multiple topics in HTML Help. See this post for details of the solution.
You can see it in action in an updated version of the H&M online help here (note that it has been integrated with H&M's own heavily-edited template in this example, the navigation buttons, gradient background in the header and header shadow are not included in the standard version).
The template is entirely self-contained and can be used in all HTML-based output formats. It works equally well in HTML Help and all browsers. If JavaScript is turned off a normal scrolling header is displayed. It is fully printable (navigation elements are excluded from the printout automatically) and you can activate a Print this Topic link by uncommenting a block of code (instructions are included in the template).
Non-scrolling does not work in eBooks because they don't support JavaScript but code is included to make sure that everything works transparently with normal headers and the correct spacing when you compile to eBooks.
How to use the template:
- Go to Project Properties - HTML Help /or/ Browser-based Help - Topic Pages (same shared templates in both places) and select "Let me edit HTML code directly".
- Select the "Main" template in the HTML Template for Window Type: field (this is the default template for all topics). Right-click in the editing box and select Select All and DELETE everything.
- Paste the new template into the editing box and click on Apply to save. Repeat for your other templates if you have defined other help window types/templates in addition to Main.
