- From: David Wagner <dwagner@kevric.com>
- Date: Tue, 7 Dec 1999 10:21:47 -0600
- 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;}
}
</STYLE>
</HEAD><BODY>
<p>The links below should appear at the top of the viewport.</p>
<A class="nav" id="start" rel="start" accesskey="<"
href="intro.html">Start</A>
<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"
accesskey=">"href="summary.html">End</A>
</BODY></HTML>
Received on Tuesday, 7 December 1999 11:23:55 UTC