Posted by Mark Parnell on 09/08/05 05:20

Previously in alt.html, Ed Jay <edMbj@aes-intl.com> said:

> Please refer to the horizontal menu near the top of
> <http://www.aes-intl.com/index.html>.
>
> I'm trying to code this in CSS so the full background changes on hover.

add:
display: block;
float: left;

to #topmenu ul li a {...}

and the desired background colour to #topmenu ul li a:hover {...}

BTW: Don't size them in pixels, as when I increase my font size to make
it readable, I can't read half the menu items, because the boxes don't
resize with the text. Use em.

Don't size your fonts in pt (or px) either - besides pt being worse than
meaningless on screen (it's for printing), there is a bug in IE that
means that users *can't* resize it to make it readable. Use % (100 of
them for most things, more for headings, no less than about 85-90 for
legalese).

And why are you only using up half the width of my browser canvas?
http://allmyfaqs.com/faq.pl?AnySizeDesign

> I know the answer is probably simple, but I'm going bananas trying to find
> it. Help!

Well, the first thing to do is to fix the validation errors in your CSS
- I pretty much don't get any styles applied to that page at all,
because of a typo right near the top.
http://jigsaw.w3.org/css-validator/validator?uri=http%3A//www.aes-intl.com/styles.css

--
Mark Parnell
http://clarkecomputers.com.au
alt.html FAQ :: http://html-faq.com/

[Back to original message]