Known Participant

Answered

RoboHelp HTML v9 - Image Shadow CSS

Forum|Forum|14 years ago
January 16, 2012
2 replies
1092 views

Hello ,

I have one more question, all my images should have a drop shadow.

I tried the following statement but it didn't work. (The statement is correct because on my website it works )

img{

box-shadow: #020202 5px 5px 20px;

}

Have you some idea why it doesn't work in RoboHelp?

Or have you any work around?

A work around I thought was a <p> (paragraph) tag styled by the css editor of robohelp.

But a shadow in the css editor isn't a shadow, it's only a background color.

kind regards

Denis

This topic has been closed for replies.

Correct answer Willam van Weelden

Hi,

What output are you creating?

Could this be a browser issue? Box-shadow is css3 and not all browsers support the (vanilla) css statement. See http://www.css3.info/preview/box-shadow/ for browser-specific tags and browser support.

For CHM/IE you will need to use an ugly solutions called a filter. See: http://ole-laursen.blogspot.com/2009/08/using-css3-box-shadow-with-ie.html There's a chance that it simply will not work in CHM.

Greet,

Willam

Message was edited by: Willam van Weelden - Fixed typo

A

Amebr

Community Expert

As it sounds like you want the drop shadow in all outputs, you could modify the images in an image editor such as Photoshop or Paint Shop Pro to embed a drop shadow in the image itself. Possibly this could also be achieved in Snagit - it has some editing capacity, but I haven't played with it enough to know its full capabilities.

I know it's a bit of a chore initially, but quick to apply when taking new images, and no faffing around in Word, either.

Captiv8r

Legend

Yipper, drop shadow is a pretty simple single click operation in SnagIt. Just one of the ten million or so things I dearly love about that application!

Rick

Helpful and Handy Links

RoboHelp Wish Form/Bug Reporting Form

Begin learning RoboHelp HTML 7, 8 or 9 within the day!

Adobe Certified RoboHelp HTML Training

SorcerStone Blog

RoboHelp eBooks

Willam van WeeldenCorrect answer

Inspiring

Hi,

What output are you creating?

Could this be a browser issue? Box-shadow is css3 and not all browsers support the (vanilla) css statement. See http://www.css3.info/preview/box-shadow/ for browser-specific tags and browser support.

For CHM/IE you will need to use an ugly solutions called a filter. See: http://ole-laursen.blogspot.com/2009/08/using-css3-box-shadow-with-ie.html There's a chance that it simply will not work in CHM.

Greet,

Willam

Message was edited by: Willam van Weelden - Fixed typo

D

Denis26290Author

Known Participant

Thank you for your answer.

It was a browser problem (webHelp) und chm problem.

But with this solution it works.

I didn't think about it because on my website it works with IE, too.

And there I took the same snippet.

In PDF(printed documentation) it doesn't work, but I need shadow in my pdf export, too. Have you some idea?

kind regards

denis

Willam van Weelden

Inspiring

Hi,

I guess it works in IE9 on strict mode. A CHM uses a different mode and the css is not recognized. It really is an IE shortcoming.

For your printed documentation you can modify you style mapping.dot to get the results that you want. But note that you can only get what Word allows and that is rather limited in this respect. For more information, check out Peter's site: http://www.grainge.org/pages/authoring/printing/printing.htm

Greet,

Willam

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded