Skip to main content
Inspiring
February 8, 2012
Answered

Outline around selected TOC items

  • February 8, 2012
  • 1 reply
  • 1178 views

WebHelp | RH9

I've just installed IE9 and when I launch my published WebHelp and select a link in the table of contents, it displays a dotted outline around the selected item. This never happened with IE8, so I was wondering if there's anyway to prevent it? Is it possible to add "outline:none" somewhere in the RoboHelp output (like you would when styling a link in CSS) so that it doesn't appear?

Many thanks

Jonathan

This topic has been closed for replies.
Correct answer Willam van Weelden

Hi Jonathan,

Unfortunately, IE proved a harder nut to crack than I imagined. The problem is that IE9 does support the outline css, but the TOC runs in quircks mode so no IE9 goodness there... There is a solution, it's just not as straightforward as I thought. See http://www.wvanweelden.eu/robohelp/modifying_webhelp/remove_outline_in_toc for a step by step guide to get rid of the outline.

Note: If you'll allow me, I'd like to use your example image on my site. It looks way better than the example image I added

Greet,

Willam

1 reply

Willam van Weelden
Inspiring
February 9, 2012

Hi,

You can in whtdhtml.htm. Add the following HTML to the head section:

<style type="text/css">

* { outline: transparent none !important; }

</style>

Greet,

Willam

Jop_SmithAuthor
Inspiring
February 10, 2012

Hi Willam, I've tried your sugegstion but there's no difference unfortunately. See below:

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
February 13, 2012

Hi Jonathan,

Unfortunately, IE proved a harder nut to crack than I imagined. The problem is that IE9 does support the outline css, but the TOC runs in quircks mode so no IE9 goodness there... There is a solution, it's just not as straightforward as I thought. See http://www.wvanweelden.eu/robohelp/modifying_webhelp/remove_outline_in_toc for a step by step guide to get rid of the outline.

Note: If you'll allow me, I'd like to use your example image on my site. It looks way better than the example image I added

Greet,

Willam