Printed documentation ignoring CSS attributes the Web Help picks up

[echopraxia]

My project's css file is "help_styles.css". I am revamping the way that notes and important notes are handled in both the online and the printed documentation. I've added the following to the .css file:

.note {
border-top: 5px solid #900;
border-left: 1px solid #900;
border-color: #069;
background-image: url(images/note_img.png);
background-repeat: no-repeat;
background-position: 5px 1.33em;
font-family: Arial, helvetica, geneva, sans-serif;
color: #000000;
font-size: 100%;text-decoration: none;
margin: .67em 0;
padding: .33em 0 .67em 42px;
min-height: 32px;
}

.importantnote {
border-top: 5px solid #900;
border-left: 1px solid #900;
border-color: #d30;
background-image: url(images/important_note_img.png);
background-repeat: no-repeat;
background-position: 5px 1.33em;
font-family: Arial, helvetica, geneva, sans-serif;
color: #000000;
font-size: 100%;text-decoration: none;
margin: .67em 0;
padding: .33em 0 .67em 42px;
min-height: 32px;
}

When using the attached code, it's properly executed in the Web Help. The blue or red border (line) is listed, and the image is on the left. When attempting to create printed documentation in either .doc or .pdf format, the colored border and image are both removed. It doesn't matter if I use a .dot or the project's css file for the document print appearance. Web Help picks up the class, Printed Docs ignore the class. Both pick up the rest of the HTML, including the paragraph tag. I've tried changing the image to .png, .gif, and .jpg to no avail.

[ccox55]

I am also experiencing this same behavior. Why does the WebHelp CSS execute but the same CSS does not execute for the Printed Documentation layout?

regards,

Cathy

[Willam van Weelden]

Hi,

I did experience this same behavior with a similar style. I created a custom Style mapping.dot and that solved all my problems. For every style in my stylesheet, I created a style in the Word template with exactly the same name as the style in the css. When I create printed documentation, I always choose to do this using style mapping.dot. RoboHelp automatically maps the styles in your css to the ones in the template.

I found it to be quite some work to create style mapping.dot, for the css we use has over a hundred styles. But it was a worthwhile investment, I always have correct printed documentation. Hope this will work for you.

Greets,

Willam

[Peter Grainge]

I could not agree more with William. Customising your own style mapping Word template is an investment that pays off.

See Printed Documentation on my site.

---

See www.grainge.org for RoboHelp and Authoring tips

[JGaf]

I'm having the same issue; images I use in Webhelp to indicate an important note or important result do not carry over to the  Word doc.   I have 2 stylesheets, 1 for Webhelp and 1 for Printed Doc.  The styles for note & result are the same in both files:

.Result {
color: #000000;
background: #eeffee url(result.jpg) no-repeat 0px 10px;
margin: 20px 5%;
padding: 20px 20px 20px 40px;
min-height: 40px;
overflow: none;
}
.note {
color: #000000;
background: #eeeeff url("../../../note.gif") no-repeat 0 0;
margin: 20px 5%;
padding: 20px 20px 20px 40px;
min-height: 40px;
overflow: none;
background-repeat: No-Repeat;
background-image: url(note.gif);
}

In Word, the note & result styles correctly display the background color, but omit the image.  I have not figured out how to modify the style in Word to get it to display the image.  Is it even possible? I have a workaround in mind - to modify the way I indicate notes and results in Webhelp - but this is a last resort.

thanks!

[JGaf]

Just thought I  post back....

I solved the "notes" and "result" formatting issue in Word by creating custom bullets.  I replaced the bullet image with my own image, then I applied the highlighting, indents, etc. I then just applied/replaced the new style in Word.