Posted by Ed Jay on 09/08/05 06:52

Mark Parnell <webmaster@clarkecomputers.com.au> wrote:

>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 {...}

Thank you very much. That certainly worked; however, I'm having trouble
centering the full menu. Something else for me to learn with. ;-)
>
>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).

Yes, I know. That said, I'm a newbie at this stuff, so in my rush to get
going, I jumped past step one. Now I go back and redo the font sizing.

I don't know about foregoing px though. Most of the site is text and I
laid it out for readability, not compatibility with every screen.
>
>And why are you only using up half the width of my browser canvas?
>http://allmyfaqs.com/faq.pl?AnySizeDesign

As you noted, the layout is fixed in size. Besides, I haven't read the
above...yet.
>
>> 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

Thanks. Caught two of them.

Ed Jay (remove M to respond)

[Back to original message]