W3C home > Mailing lists > Public > w3c-wai-eo@w3.org > July to September 2005

Skip Link Method

From: Liam McGee <liam.mcgee@communis.co.uk>
Date: Fri, 8 Jul 2005 15:36:21 +0100
To: "EOWG" <w3c-wai-eo@w3.org>
Cc: "Andrew Arch" <andrew.arch@nils.org.au>, "Shadi@W3. Org" <shadi@w3.org>
Message-ID: <PIEFKAOBOKGKLCGFFGKLGEEFCJAA.liam.mcgee@communis.co.uk>

The method is as follows:

Launch link:
<a href="#Overview">Overview</a>

Target:
<div style="width: 1px; height: 1px; overflow: hidden"><div style="width:
100%"><a name="Overview" id="Overview"><em>Bookmark:
Overview</em></a></div></div>

It's not very obvious and took a bit of working out. Works on everything we
have tested on so far but no idea on Amaya. Can't see why it wouldn't,
though.
Solving the IE issue is to do with having an explicit width of 100% and some
text in the anchor tag. The surrounding div is for styling purposes only,
but prevents the 100% screwing up surrounding formatting.

Hope this helps.

Liam
Received on Friday, 8 July 2005 14:36:27 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 27 April 2012 10:33:38 GMT