[OSM-talk] Front page design

Tom Higgy higgy at bandnet.org
Fri Sep 22 13:56:05 BST 2006


A bit of a rewrite I did this morning: 
http://higgy.bandnet.org/openstreetmap/draft-index3.html

It's using the Nifty Corners hack 
(http://www.html.it/articoli/nifty/index.html) as suggested by Richard.

Please check how well it works in various browsers. Looks good to me in 
FF1.5 and IE6, even with various font sizes.

Andrew Findlay wrote:
> On Fri, Sep 22, 2006 at 12:26:51AM +0100, Tom Higgy wrote:
> 
>> Could you check again in Konquerer? I've added an explicit height so
>> (hopefully) it'll fix the footer coming too high up.
> 
> Please don't use absolute positions and sizes like this! It makes the
> pages very fragile. For example, see the attached image of what it looks
> like in my browser: I happen to use a larger text size than the default,
> and many people need it larger still due to poor eyesight.

That was just a quick hack to see if it helped in Konquerer. I didn't 
plan on keeping it. Hopefully the newest draft (3) works better.

> The earlier version at http://dyoh.com/osm-draft-index.html copes
> much better with different font sizes and different window sizes.

The rounded corners look a bit odd at larger/smaller font sizes. 
Hopefully my latest draft copes with all that.

> The new version validates as correct XHTML, but it has CSS errors:
> 
> 	http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fhiggy.bandnet.org%2Fopenstreetmap%2Fdraft-index2.html

Only error in the latest draft is a hack for IE so I'm happy with that.

1 error in XHTML validation due to a script to clear the town search 
input box. Is it acceptable to remove the 'language' property?

> It does work well on a text-only browser (lynx) - well done!

Thanks! That was easy :).

> I would suggest making the images links to sensible places. They are
> placed under inviting headings, so they look as if they should be
> clickable.

I'll put some URLs into it and see what happens.

Cheers,

Tom.

- www.bandnet.org





More information about the talk mailing list