Skip to main content
J
Jop_Smith
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
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

J
Jop_SmithAuthor
Inspiring
February 10, 2012

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

J
Jop_SmithAuthor
Inspiring
February 14, 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


Thanks Willam, that worked a treat!

Noticed in your page http://www.wvanweelden.eu/robohelp/modifying_webhelp/remove_outline_in_toc the hidefodus=\"true\" bit should read hidefocus=\"true\".

Yes, no problem, of course you can use my example image on your site.

Cheers

Jonathan

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices