11 Replies Latest reply: May 14, 2014 7:15 AM by Steve_Chapman

RoboHelp 11 not detecting styles in imported CSS

Steve_Chapman May 8, 2014 12:24 PM

HELP!

When I import a CSS into RoboHelp 11 and then try to map FM12 paragraph styles to the selectors in the CSS, RoboHelp can't seem to see the styles in the CSS. Here's a very simple example from the CSS I'm using to test:

.Heading1{

font-size:1.75em;

margin-bottom: .4em;

font-family:AvenirHeavy;

color:#f00;

}

.Heading2{

font-size:1.5em;

margin-bottom: .4em;

font-family:AvenirHeavy;

color:#f00;

}

.Heading3{

font-size:1.2em;

margin-bottom: .4em;

font-family:AvenirHeavy;

color:#f00;

}

.Heading4{

font-size:1em;

margin-bottom: .4em;

font-family:AvenirHeavy;

color:#f00;

}

The FM para tags are Heading 1, Heading 2, etc., but I can't map them because I can't see the styles in the CSS. HELP!

1. Re: RoboHelp 11 not detecting styles in imported CSS

Jeff_Coatsworth May 8, 2014 1:37 PM (in response to Steve_Chapman)

Do you have your Heading1, Heading2, Heading3, Heading4 styles defined in RH? If so, you should map them to the FM paragraph tags – they’re probably not working because they’re coming across as “FM_xxx” styles in RH.
Like Show 0 Likes (0)

Actions
2. Re: RoboHelp 11 not detecting styles in imported CSS

Steve_Chapman May 8, 2014 1:48 PM (in response to Jeff_Coatsworth)

I have Heading1, Heading2, etc., defined in the CSS, and I've added the CSS to the project. The problem is that RH can't seem to see those styles in the CSS, so I can't map to them, either with Automap or manually.

I'm aware of how RH creates “FM_xxx” styles, which is what I'm trying to avoid by importing a custom CSS with the styles defined.

I'm thinking that's it has something to do with the way we've created the CSS, but I don't know what the exact problem could be.
Like Show 0 Likes (0)

Actions
3. Re: RoboHelp 11 not detecting styles in imported CSS

Jeff_Coatsworth May 9, 2014 5:12 AM (in response to Steve_Chapman)

AFIK, just importing a CSS into RH for it to use doesn’t populate your Styles pod with the styles in the CSS – you have to define them explicitly in RH.
Like Show 0 Likes (0)

Actions
4. Re: RoboHelp 11 not detecting styles in imported CSS

Steve_Chapman May 9, 2014 7:52 AM (in response to Jeff_Coatsworth)

Thanks. If the style sheet has been created using RH or has been updated by RH, then you can import it into a new project with no problem, so there must be some particular characteristic that RH looks for and that enables it to do automapping and populate the styles pod.

I'm working with a CSS developer who has a lot of experience creating style sheets for the web, but he doesn't know RH. He's creating his standard style sheets, but RH can't read them. For example, RH doesn't seem to be able to read style sheets with compound Selectors.

I'm looking for any tips I could give him for creating style sheets that would be readable by RH. Any help would be appreciated.
Like Show 0 Likes (0)

Actions
5. Re: RoboHelp 11 not detecting styles in imported CSS

Jeff_Coatsworth May 9, 2014 8:37 AM (in response to Steve_Chapman)

I would take a look at one that “works” in RH and compare that with your developer-created one to see what “special sauce” RH adds.
Like Show 0 Likes (0)

Actions
6. Re: RoboHelp 11 not detecting styles in imported CSS

Steve_Chapman May 9, 2014 10:49 AM (in response to Jeff_Coatsworth)

Thanks, but maybe I need to ask a slightly different question: Does anyone know if RH 11 fully supports CSS 3?

I couldn't find that specified in any of the Tech Specs or FAQs.
Like Show 0 Likes (0)

Actions
7. Re: RoboHelp 11 not detecting styles in imported CSS

RoboColum(n) May 9, 2014 1:01 PM (in response to Steve_Chapman)

Hi Steve. I'm not sure that is the right question. RH should support any CSS. It is just a tool that enables the CSS to be edited. The question is does the end user's browser support CSS3? Maybe this link will help...

CSS3 Reference
Like Show 0 Likes (0)

Actions
8. Re: RoboHelp 11 not detecting styles in imported CSS

Steve_Chapman May 9, 2014 1:40 PM (in response to RoboColum(n))

Thanks for link. I may be wrong, but I think that since CSS3 has new selectors and new properties that weren't in CSS2.1, RH would need to recognize those to correctly build the help. If it can't recognize them, that could be why it's having trouble with our CSS. It seems like Adobe should be able to state whether or not CSS3 is fully supported.

It's also true that some older browsers don't work with CSS3, but since we're doing this project to support a commercial software product, we can specify which browsers we support.
Like Show 0 Likes (0)

Actions
9. Re: RoboHelp 11 not detecting styles in imported CSS

RoboColum(n) May 12, 2014 8:52 AM (in response to Steve_Chapman)

Hi Steve. I've found this link that suggests RH11 does have CSS3 support.See the "Standards Support" section about half way down the page.

Upgrade Guide | RoboHelp 11
Like Show 0 Likes (0)

Actions
10. Re: RoboHelp 11 not detecting styles in imported CSS

Willam van Weelden May 14, 2014 6:27 AM (in response to RoboColum(n))

Perhaps I'm late to the party, but my guess is that you can't map it
because you didn't include the tag in theCSS. Now it is just a class
that you can use everywhere. by adding P, H1-H6, you should be able to
map it.

Kind regards,

Willam
Like Show 0 Likes (0)

Actions
11. Re: RoboHelp 11 not detecting styles in imported CSS

Steve_Chapman May 14, 2014 7:15 AM (in response to Willam van Weelden)

Thanks, Willam. You are exactly right. I discovered this yesterday, and as soon as I added the tags in front of the classes, RH recognized them immediately.

My style sheet designer is used to developing CSS for RH, so I think that's why we had the problem.

Thanks again for your help.

Steve
Like Show 0 Likes (0)

Actions