Importing note and warning images (assigned via reference pages)

Question

Hi all,
I am importing a document that contains warning and note images that are assigned to certein paragraph styles via the reference pages. Naturally these do not convert using the standard settings.
My first attempt was to assign numbering settings to these paragraphs before importing and to use the 'convert to HTML list' setting. Then I tried to assign image styles to the generated lists in the CSS using  list-style: url("image_for_warning.jpg");
If I assing this to the paragraph styles (p.something) then it works in preview, but most browsers dont support it.
The problem: Robohelp generates an awfull mess when converting lists to HTML.
When I use an ordered numbering setting in FM, then Robohelp creates this:
<ol >
  <li style="1"><p class="warning">..
When I use an unordered numbering setting in FM (using characters as bullets), Robohelp generates this:
<ul type="disc">
  <li><p class="warning">..
I never get a clean HTML list with a specific style assigned to the UL. Any ideas to this?
Robert

Answer 1

Hi Robert,
I agree with you that RH doesn't provide an easy way to format the lists as you like, but it doesn't have much to do with FrameMaker.
The HTML that you're creating is good, it's the CSS that needs to be tweaked. I had the privelege of access to a true CSS expert at a previous job; he got my lists to work properly.
I realized 2 things while watching him solve the problem:
Because of browser and version issues, CSS is a real headache. He would sometimes use 3 or 4 different CSS options for the same formatting value, and most of this was simply arcane knowledge of allowable CSS attributes and allowable CSS values.
Money spent to address these issues is well-spent
It would be nice if Adobe were able to develop this feature for HTML lists within Robohelp, but from what I've seen, their RH Lists option is the closest you can expect to see.
-Matt