Skip to main content
Inspiring
January 24, 2014
Question

CSS3 in standard WebHelp

  • January 24, 2014
  • 1 reply
  • 929 views

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

This topic has been closed for replies.

1 reply

Jeff_Coatsworth
Community Expert
Community Expert
January 24, 2014

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_SmithAuthor
Inspiring
January 24, 2014

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
Community Expert
Community Expert
January 24, 2014

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?