Skip to main content
September 22, 2011
Question

Styles are missing when publishing to ePub in RoboHelp 9

  • September 22, 2011
  • 1 reply
  • 3884 views

Good afternoon,

We are developing content for Android Tablets and have learned the customary format that we used is, well, unusable.

A few posts suggest that ePub is really the only way to go with Android Tablet Help.

http://blogs.adobe.com/techcomm/2010/04/robohelp_script_to_generate_epub_format_content_for_mobile_d.html

http://forums.adobe.com/message/3629956

http://blogs.adobe.com/techcomm/tag/mobile

http://blogs.adobe.com/techcomm/2010/12/epub-industry-standard-file-format-for-reflowable-content.html

So, I have published using the ePub format, but I have noticed the existing styles are ignored. In another post, it was noted to ensure that the tags are lower case. I edited the css file and made sure the tags are lower case, but this did not make any difference.

Any suggestions for what may be happening here? My best guess is there is an issue with the CSS file.

Best Regards,

Eric Buterbaugh

Here is the style sheet:

/*created with adobe robohelp 9.*/

h1 {

    margin-bottom: 5pt;

    margin-top: 0.5pt;

    color: #ffffff;

    font-weight: bold;

    font-style: normal;

    font-family: arial, sans-serif;

    font-size: 18pt;

    background-color: #3f5f94;

}

li.h1 {

    color: #ffffff;

    font-weight: bold;

    font-style: normal;

    font-family: arial, sans-serif;

    font-size: 18pt;

}

h2 {

    font-weight: bold;

    margin-top: 9.5pt;

    margin-bottom: 0.5pt;

    font-size: 11pt;

    font-family: arial, sans-serif;

}

li.h2 {

    font-weight: bold;

    font-size: 11pt;

    font-family: arial, sans-serif;

}

h3 {

    font-weight: bold;

    margin-top: 9.5pt;

    margin-bottom: 3pt;

    font-family: verdana, sans-serif;

    color: #1e56b5;

    font-size: 8pt;

}

li.h3 {

    font-weight: bold;

    font-family: verdana, sans-serif;

    color: #1e56b5;

    font-size: 8pt;

}

p {

    margin-bottom: 4.5pt;

    font-size: 9pt;

    margin-top: 0pt;

    font-family: arial, sans-serif;

}

li.p {

    font-size: 9pt;

    font-family: arial, sans-serif;

}

a.expandspot {

    color: #008000;

    cursor: hand;

    font-style: italic;

    text-decoration: none;

}

span.expandtext {

    font-style: italic;

    font-weight: normal;

    color: #ff0000;

}

a.dropspot {

    cursor: hand;

    color: #008000;

    font-style: italic;

    text-decoration: none;

}

a.glossterm {

    color: #800000;

    cursor: hand;

    font-style: italic;

    text-decoration: none;

}

span.glosstext {

    font-style: italic;

    font-weight: normal;

    color: #0000ff;

}

p.bullet-hollow-indent {

    list-style: circle;

    margin-left: 18pt;

}

li.p-bulleted-indent {

    list-style: circle;

}

p.bulleted {

    list-style: rh-list;

    x-list-class: rl-p-bulleted;

    x-list-level: 1;

    margin-top: 4.5pt;

    font-weight: bold;

    margin-left: 48px;

    text-indent: -24px;

}

li.p-bulleted {

    list-style: disc;

}

p.note {

    font-style: italic;

    color: #0000ff;

    background-color: #cdc9b1;

    margin-bottom: 9pt;

    border-top-style: solid;

    border-bottom-style: solid;

    border-top-color: #000000;

    border-bottom-color: #000000;

    border-left-style: none;

    border-right-style: none;

    border-top-width: 1px;

    border-bottom-width: 1px;

    margin-top: 9pt;

    text-indent: 0.25in;

    margin-left: 54pt;

    margin-right: 224px;

}

li.p-note {

    font-style: italic;

    font-weight: normal;

    color: #0000ff;

    text-indent: -;

    list-style: url(blue_nav_index.gif);

}

h4 {

    font-size: 9pt;

    margin-top: 9.5pt;

    margin-bottom: 0.5pt;

    font-family: arial, sans-serif;

}

li.h4 {

    font-size: 9pt;

    font-family: arial, sans-serif;

}

p.tip {

    x-next-class: ;

    x-next-type: p;

    font-style: italic;

    font-weight: normal;

    color: #0000ff;

    border-top-style: solid;

    border-bottom-style: solid;

    border-top-color: #000000;

    border-bottom-color: #000000;

    border-top-width: 1px;

    border-bottom-width: 1px;

    background-color: #fefaa7;

    margin-left: 36pt;

    margin-right: 54pt;

    margin-top: 13.5pt;

    margin-bottom: 4.5pt;

}

li.p-tip {

    font-style: italic;

    font-weight: normal;

    color: #0000ff;

}

p.blue {

    font-size: 10pt;

    color: #ffffff;

    x-next-class: ;

    x-next-type: h4;

    margin-top: 9pt;

    font-weight: bold;

    font-style: normal;

    background-color: #87a3ed;

    margin-right: 0pt;

}

li.p-blue {

    font-size: 10pt;

    color: #ffffff;

    font-weight: bold;

    font-style: normal;

}

p.code {

    font-family: "courier new", monospace;

}

li.p-code {

    font-family: "courier new", monospace;

}

p.tasks {

    font-weight: bold;

    font-style: normal;

    margin-right: 0pt;

    font-size: 8pt;

    font-family: verdana, sans-serif;

    color: #1e56b5;

    background-color: #ffffff;

    line-height: normal;

    margin-top: 4.5pt;

    list-style: rh-list;

    x-list-class: rl-p-tasks;

    x-list-level: 1;

    margin-bottom: 4.5pt;

    x-next-class: aftertasks;

    x-next-type: p;

    text-indent: -0.23in;

    margin-left: 0.23in;

}

li.p-tasks {

    font-weight: bold;

    font-style: normal;

    font-size: 8pt;

    font-family: verdana, sans-serif;

    color: #1e56b5;

    list-style: disc;

    line-height: normal;

}

p.aftertasks {

    margin-top: 0pt;

    margin-bottom: 13.5pt;

    text-indent: -0in;

    x-next-class: tasks;

    x-next-type: p;

    margin-left: 18pt;

}

li.p-aftertasks {

}

p.normal-indent {

    margin-left: 18pt;

}

li.p-normal-indent {

}

h4.heading4-indent {

    margin-left: 18pt;

}

li.h4-heading4-indent {

}

li.h1-headingtop {

    font-size: 14pt;

}

rh-list.rl-p-bulleted {

    x-level-count: 1;

    x-lvl-1-format: "<x>";

    x-lvl-1-type: filled-circle;

}

rh-list.rl-p-note {

    x-level-count: 1;

    x-lvl-1-format: "<x> ";

    x-lvl-1-type: "folder open";

}

rh-list.rl-p-tasks {

    x-level-count: 1;

    x-lvl-1-format: "<x> ";

    x-lvl-1-type: filled-circle;

}

p.numbered-list {

    list-style: rh-list;

    x-list-class: rl-p-numbered-list;

    x-list-level: 1;

    margin-left: 18pt;

}

rh-list.rl-p-numbered-list {

    x-level-count: 1;

    x-lvl-1-format: "<x>.";

    x-lvl-1-type: decimal;

}

p.bulleted-dark-indent {

    list-style: rh-list;

    x-list-class: rl-p-bulleted;

    x-list-level: 1;

    margin-top: 4.5pt;

    font-weight: bold;

    text-indent: -24px;

    margin-left: 88px;

}

This topic has been closed for replies.

1 reply

Willam van Weelden
Inspiring
September 23, 2011

Hi,

Which styles are ignored? All styles? A subset of styles? Do any of your topics have inline styling that might prevent the styling from the CSS to be used? Can you post a screenshot of what it looks like and what you expect it to look like?

The style sheet contains some invalid commands that might be a problem. With invalid commands I mean invalid in CSS but used by RoboHelp. I would expect the ePub to ignore the invalid styles. Try to remove the rh-list styles and the x- styling from your CSS.

Greet,

Willam

September 23, 2011

Hi William,

Thanks so much for your prompt response. You have asked some excellent questions.

The first screen shot is the print preview window in Robohelp 9.0.0.228. The second image will be the output that we see in Adobe’s Digital Editions ePub reader”.

A second issue here is that the table is a bit of a mess, though I can tangle with that later.

From what I can see, it seems that all styles are missed. As you can see in this example, the Header 1 and Normal styles are being ignored.

AS for your question: “Do any of your topics have inline styling that might prevent the styling from the CSS to be used?” I am not entirely sure what this means.

Later on, you do suggest removing some styles that could be at issue. Is it as simple as re-creating these styles?

Regarding: “The style sheet contains some invalid commands that might be a problem. With invalid commands I mean invalid in CSS but used by RoboHelp. I would expect the ePub to ignore the invalid styles. Try to remove the rh-list styles and the x- styling from your CSS”

I am fairly new to Robohelp, so I am not entirely sure of the procedure to “Try to remove the rh-list styles and the x- styling from your CSS”

” One thing I would like to add, I am using a style sheet that was created in the past by the first tech writer for our company. This was created in an older version of Robohelp – pre Robohelp 8.

Image 1

Image 2

Many thanks for your assistance!

Eric B.

Jeff_Coatsworth
Community Expert
Community Expert
September 23, 2011

Did you use the camera icon in the web interface to upload your screenshots? They didn't come through.