Topic: CSS hover w/o DIV's (Page 1 of 1)

www.marines.com/about_marines/default.asp

i was wondering if anyone knew the best way to mimic the CSS menu on the Marines site at the above address. It appears that they're not using <div> tags and i was wondering if anyone had any ideas on how to do this... thanks in advance for the help.

Ryan

RyanDSims
justwatchthesky designs

CSS can be used on any HTML element, not just <div> tags. In the page you mentioned, they achieved the effect by applying styles to a table. It works, but a better method would probably be to format the menu as a list (better because, structurally speaking, menus are lists--tables should be used for presenting tabular information, not for layout). A List Apart has an article that covers how to use CSS to manipulate HTML lists (the type of menu you're looking for can be found toward the end of the article, under the heading "In the Real World," if you don't feel like reading the whole thing--although I would recommend it).

[Edit: fixed some grammar...]

[This message has been edited by Suho1004 (edited 01-08-2003).]

I'm a little confused, unless there is something I am not seeing there.

As Suho says, the use (or lack thereof) of a <div> has no bearing on the use of hover. From what I can see, they are simply setting the specification for the a:hover so that the background color changes (which BTW works differently in different browsers).

About as basic as CSS gets.

I would highly recommend checking out - in addition to Suho's links - the CSS tutorials at the Gurus Network, and the CSS specs at the W3C for starters, and check both the FAQ here, and the Links Section at the Gurus Network for more CSS resources.

{{edit - didn't notice this the first time, but I suppose it depends which menu you are referring to as well - if you by any chance mean the three buttons across the top of the page, that's done in Flash (which seems pretty silly...) and has nothing to do with CSS anyway. I assume my first response is what you're actually referring to though.}}





[This message has been edited by DL-44 (edited 01-08-2003).]