The document discusses customizing HTML outputs from DITA using CSS stylesheets and parameters. It provides an overview of common HTML formats (XHTML, HTML Help, Eclipse Help, JavaHelp), how they can be customized through CSS, parameters, and XSL overrides. It also covers context sensitivity for HTML Help and Eclipse Help through plugins, and resources for further customization.

1. Customizing Style Sheets for HTML Outputs Aliza Merzel, Suite Solutions

3. Clients and Partners Private and Confidential Suite Solutions©2009

10. XHTML Example

13. HTML Help Example

16. Eclipse Help Example

19. Java Help Example

20. Summary of HTML Formats (1) Feature XHTML Web HTML Help Eclipse Infocenter Javahelp TOC Y Y Y Y Y Index Y Y Y Search Y Y Y Set Search Scope Y Tri-pane Y Y Y Bread Crumb Links Y Free Y Y Y Y Y

21. Summary of HTML Formats (2) Feature XHTML Web HTML Help Eclipse Infocenter Javahelp Cross Platform Y Y Windows Only Y Y Context Sensitive Y Y Y Ability to Customize Interface DHTML DHTML Easy Limited Very Limited Ease to Deploy Easy Easy Easy: Single Compiled File Heavy unless app is Eclipse Medium: requires coordination with developers Special Requirements Internet Explorer Eclipse runtime “plus” JRE Javahelp Viewer, JRE

25. Call Custom CSS file Name Description args.csspath Path for CSS reference – where the HTML files should look for the CSS. Does not support absolute local paths. Default=none (goes to output directory). args.copycss Specifies whether the custom CSS should be copied to csspath output directory. (yes/no) args.css Defines user specified CSS file – can be local file or on the internet args.cssroot Root directory and path of user specified CSS file.

32. Context Sensitivity: HtmlHelp #define IDH_Dialog_Help 1234 ... Map (.h) file Application CHM Compilation Call to TopicID 1234 IDH_Dialog_Help = t_configuring_valve.html ... Alias file ** Automatically Generated

33. Context Sensitivity: Eclipse Help