Skip to main content
E
echopraxia
Inspiring
November 12, 2008
Question

Printed documentation ignoring CSS attributes the Web Help picks up

  • November 12, 2008
  • 2 replies
  • 1941 views
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.
This topic has been closed for replies.

2 replies

Willam van Weelden
Willam van Weelden
Inspiring
July 28, 2009

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
Community Expert
Peter GraingeCommunity Expert
Community Expert
July 28, 2009

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

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
J
JGaf10311788
Inspiring
July 12, 2010

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!

C
ccox55
Participating Frequently
July 27, 2009

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

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices