richard said:
I'll try to make this as simple as I can.
I have the idea of having two columns on one page.
In the left column will be a list of names.
In the right column detailed information.
Clicking on an item in the left column moves the right column down to
an anchor on the same page.
Hopefully eliminating the need for iframes and a few hundred files.
Doable? Any sites?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>One NON-JS way</title>
<style type="text/css">
ul.topics {
list-style: none; position: fixed;
width: 15em; left: 0; margin: 0; padding: .25em;
color: #000; background: #eee;
}
div.info { margin: 0 1em 0 16em; }
</style>
</head>
<body>
<h1>One NON-JS way</h1>
<p>Of course standard NO <=IE6 support! would need JS hack...</p>
<ul class="topics">
<li>
<a href="#fee">About Fee</a>
</li>
<li>
<a href="#foe">About Foe</a>
</li>
<li>
<a href="#fum">About Fum</a>
</li>
</ul>
<div class="info">
<h2 id="fee">About Fee</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer ...
</p>
<p>
Suspendisse potenti. Suspendisse potenti ...
</p>
<h2 id="foe">About Foe</h2>
<p>
Pellentesque eros purus, consequat sit amet ...
</p>
<p>
Duis dapibus, dolor eget scelerisque ultricies ...
</p>
<h2 id="fum">About Fum</h2>
<p>
Suspendisse egestas tempor erat. Duis urna ...
</p>
<p>
Morbi mollis. Quisque sollicitudin, nisi ...
</p>
</div>
</body>
</html>