Neverside

css rollover menu

i was wondering how i could make a rollover menu like the one at www.cnn.com - only is it possible to make the table first and then apply the style? as my pages sub menus have different numbers of rows so i can't preformat a table and rows.

i would be incredibly grateful if someone could give me an idiots example (and i mean idiots). finally i need to be able to house the style in a global style sheet and then call it up and apply it to my submenu table.

___________________

Its my party and I code if I want too.

I use that on my site too...if thats what u want on www.nauhay.com

for teh tutorial..go to www.solardreamstudios.com and go to teh CSS tutorials...

___________________

If you are looking specifically for tabs, Tim Scarfe has an excellent tutorial here:
http://www.developer-x.com/projects/tabs/
William

___________________

ok here's what i have done (its the sub nav on the right) - http://www.designermortgages.com/news.htm

although i believe its not renedring properly.

here is that css menu as found in my style sheet:

.menu {
font : normal 9px Verdana, Arial, Helvetica, sans-serif;
line-height : 16px;
}

.menu a,.menu a:link,.menu a:active,.menu a:visited {
display : block;
background : #990000;
color : #FFFFFF;
text-decoration : none;
line-height : 16px;
}

.menu a:hover {
background : #000000;
color : #FFFFFF;
cursor : pointer;
text-decoration : none;
}.whitetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none}

___________________

Its my party and I code if I want too.

you mean on the left, right? i don't see anything on the right so i assume you meant left.
Anyway i don't understand what it means (cause imma newb) open a new stylesheet and type up the css.
Can't i just go int my html editor and then do style tags and do it that way? cause then i would understand...

cool effect BTW

-Heter

Very Nice use of css...
Just to point out:

.menu {
font : normal 9px Verdana, Arial, Helvetica, sans-serif;
line-height : 16px;
}

.whitetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none}

Could also be:
.menu, .whitetext{
font : normal 9px Verdana, Arial, Helvetica, sans-serif;
line-height : 16px;
}
.whitetext{
color: #fff;
}
Not really sure if you need to declare text-decoration: none for non anchor items.

Could be crunched a little more but it is nice to see good use of style
William

___________________

so my css rollover menu renders ok? weird cos a friend said it looked green and blue on his machine.

thanks for your help guys!

___________________

Its my party and I code if I want too.

what browser was he using? and version

___________________

Signature Suspended as it is in violation with the signature rules

Hey keving go over here all your questions would be answered and more

www.meyerweb.com/ trust me this is the real CSS guru (it's not me) .

___________________

Signature Suspended as it is in violation with the signature rules

ie5, does it render ok for you guys?

___________________

Its my party and I code if I want too.