CSS3 in standard WebHelp

[Jop_Smith]

RH10 | WebHelp

Does anyone know if it's possible to render CSS3 in the standard WebHelp output, not the Multiscreen output? For example, I use the following CSS to create a button with round corners, but when viewed in IE the round corners don't display. However, in Firefox they display fine.

.btn-primary-action {

background-color: #eeaf00;

  -webkit-border-top-left-radius: 6px;

  -moz-border-radius-topleft: 6px;

border-top-left-radius: 6px;

  -webkit-border-top-right-radius: 6px;

  -moz-border-radius-topright: 6px;

border-top-right-radius: 6px;

  -webkit-border-bottom-right-radius: 6px;

  -moz-border-radius-bottomright: 6px;

border-bottom-right-radius: 6px;

  -webkit-border-bottom-left-radius: 6px;

  -moz-border-radius-bottomleft: 6px;

border-bottom-left-radius: 6px;

text-indent: 0px;

display: inline-block;

color: #ffffff;

font-size: 16px;

height: 47px;

line-height: 47px;

width: 193px;

text-align: center;

text-decoration: none;

margin:20px 6px 0 0;

}

Thanks

Jonathan

[Jeff_Coatsworth]

If it’s working in FF and not in IE, then it sounds like whatever you’re doing isn’t supported by IE – are you expecting RH to do something about that?

[Jop_Smith]

I've used the same CSS outside RH, attached to a HTML page, and it works in IE. It's only when the CSS is used in RH that it stops working. It looks like RH is preventing it from working somehow.

[Jeff_Coatsworth]

If it was something in RH that wasn’t calling/using that css design, then you’d expect it to fail in FF also. Have you examined the HTML code of a topic that should be using it to see if it’s being used? Have you tried the “Apply to All” setting in the RH SSL recipe as a test?

[Willam_van_Weelden]

RH has the habit of sometimes removing CSS that it doesn't understand.

While the CSS will work fine in your output (if the browser supports

it), having that markup in your topic CSS may trigger a RoboHelp CSS

rewrite.

Personally, I always have a different CSS which is copied to the output

on generation.

You may want to report this behaviour to Adobe as a bug:

https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

Kind regards,

Willam

[Jop_Smith]

The CSS isn't in the topc itself, it's in the main CSS file. I've tried it both ways and I've copied the CSS into my output manually after I've generated it, but it's still the same. Weirdly, the buttons look fine when I preview them in RH and when I use the "View with..." button to preview in the browser itself.

Strange

[Willam_van_Weelden]

On which browser? IE? In that case, the browser rendering mode can

ignore certain CSS styles if they don't fit the browser's mode. (Such as

CSS3 for IE8 mode.)

Kind regards,

Willam