Posted by Andy Dingley on 06/22/06 12:37

Andy Dingley <dingbat@codesmiths.com> wrote:

> Ideally I'd suggest that you write the page as two <div>s.

Here's a crude fragment
<style type="text/css" >
body {
background-color: #ffffff;
font-size: 1em;
font-size: 100%;
}

#divJumpMenu {
display: none;
}

#divLinkLists {
display: block;
}

#divLinkLists dt {
margin-top: 1.5em;
}

#divLinkLists dl dd.link {
font: monospaced;
font-size: 90%;
display: none;
}


@media print {
#divJumpMenu {
display: none ! important;
}
#divLinkLists {
display: block ! important;
}
#divLinkLists dl dd.link {
display: block ! important;
}
}
</style>



<script type="text/JavaScript" >
function window_onload() {
document.getElementById('divJumpMenu').style.display = 'block';
document.getElementById('divLinkLists').style.display = 'none';
return true;
}
</script>


[...]


<div id="divJumpMenu" >
[...] old <select>s
</div>


<div id="divLinkLists" >
<h4>RNA branches and areas</h4>
<dl id="listRNA" >
<dt><a href="http://www.royal-naval-association.co.uk" >The Royal
Naval Association</a></dt>
<dd class="link" >http://www.royal-naval-association.co.uk</dd>

<dt><a href="http://www.rna-10-area.net">Royal Naval Association
10 Area</a></dt>
<dd>10 Area covers Elbonia, Lyonesse and Narnia</dd>
<dd class="link" >http://www.rna-10-area.net</dd>
</dl>
</div>

• Next in forum: Re: Extra Space in IE Table Layout
• Prev in forum: Re: Problem with preloading page in hidden div
• Thread view: Re: AOL and Jump Menus

[Reply to this message]