On Tue, Dec 02, 2003 at 05:01:11PM +0000, Kate L Pugh wrote:
I think the essence of what we're looking for is some way of reordering
<div>s within the page - using CSS. I have no idea if this is possible.
On Thu 11 Dec 2003, Earle Martin openguides@downlode.org wrote:
Is this what you're looking for?
This is where I am at the moment: http://the.earth.li/~kake/cgi-bin/tmp3/index.cgi?Test_Page
I've only been able to test it in Firebird and Galeon so far, on which it looks good at various reasonable browser and text sizes. I can play with it on the ibook tomorrow evening. Screenshots welcomed if it looks bad in your browser (either a URL to the list or an attachment to me).
I'm trying to make the navigation bar take up as little vertical space as possible, hence the floating of the search box and edit link.
As you point out, 'position: absolute' does the trick of reordering the top two divs - thanks! Doesn't seem to degrade too brilliantly at very large text sizes though; the "Open Guide to Reading" link gets partially obscured by the navbar. I don't know why that is, since I'm using 'em's for the padding and margins and things rather than 'px', so surely they should scale with the text size?
Another solution I played with was to set the banner to 'display: none', but then I have the problem of providing a 'Home' link somewhere. Perhaps we could add one into the navbar and then people who don't want it can set 'display: none' on that.
One usability point - there shouldn't be an active link to 'Home' on the home page. This is just a small template fix though.
Kake