W3C home > Mailing lists > Public > www-html@w3.org > December 1999

RE: Navigation Tag

From: David Wagner <dwagner@kevric.com>
Date: Tue, 7 Dec 1999 10:21:47 -0600
Message-ID: <C9B23C6D1899D21188F600C00D009F8606ED3A@KEVRICSA1>
To: "'D.A. Schepers'" <schepers@mindspring.com>
Cc: "'www-html@w3.org'" <www-html@w3.org>
After a bit, I realized IE5 can support an implementation of this idea 
using regular A elements (so it's very forward- and backward-compatible), 
IF you can convince users to set their user (IE5 accessibilty option) 
stylesheets to something like the contents of the STYLE element below AND 
convince authors to use id (and later rel, when CSS attribute matching is 
supported) attributes on the links in their pages appropriately.  I pasted 
sample HTML 4 below.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML lang="en"><HEAD><TITLE>Sample Standard Navigation Buttons</TITLE>
<STYLE type="text/css">
/*This works in IE5*/
.nav {position:absolute;top:0;}
.nav#start {left:0%;}
.nav#prev {left:10%;}
.nav#next {left:20%;}
.nav#end {left:30%;}

/* This is correct CSS
.nav {position:fixed;top:0;}
.nav[rel=start] {left:0%;}
.nav[rel=prev] {left:10%;}
.nav[rel=next] {left:20%;}
.nav[rel=end] {left:30%;}
to support links such as
<A class="nav" rel="prev" accesskey="," href="foo".htm>Prev</A>
<A class="nav" rel="next" accesskey="." href="bar.htm">Next</A>
/*The following hides the nav buttons when printed.*/
@media print {
.nav {display:none;}

<p>The links below should appear at the top of the viewport.</p>
<A class="nav" id="start" rel="start" accesskey="&lt;" 
<A class="nav" id="prev" rel="prev" accesskey="," href="foo.html">Prev</A>
<A class="nav" id="next" rel="next" accesskey="."href="bar.html">Next</A>
<A class="nav" id="end" rel="end" 
Received on Tuesday, 7 December 1999 11:23:55 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 7 January 2015 15:05:52 UTC