Menu links vs Body links question

Hello, please go to:

http://www.tombraiders.net/katie/rory/index.html

User: letme
Pass: in

I would like the menu links to have a different style than the links in the "body" section.

How could I do this? The menu is currently controlled by a javascript file, and the style of the webpage is a CSS file.

Thanks :)

Just change the CSS in menu.css.

What exactly are you having trouble with? And how do you want them to look?

Yuo could create a class for the body section like...



.style a {
........
}

.style a:hover {
.......
...
}


then wrap it!!

<div class="style">
link1
link2
link3
</div>


that would work so that every link in there is set to what u want!!

I would like the menu links to have a different style than the links in the "body" section.

How could I do this?

How about:

#page_header li a {…}
#right_side ul li a {…}



The menu is currently controlled by a javascript file, and the style of the webpage is a CSS file.


Very bad practice. What if I told you that I have JavaScript disabled because I don’t want anybody to mess around with my browser? I can’t access pages on your site because you rely on JS to create your menu.

Use progressive enhancement (http://en.wikipedia.org/wiki/Progressive_enhancement), i.e. create your site so it works completely without any styles and scripts, and then add CSS and JS as enhancements, don’t rely on them for your site to function because you just can’t.

Valid point. How would I go about creating a dropdown menu only in CSS then?

http://www.htmldog.com/articles/suckerfish/dropdowns/

(Due to crappy implementation of CSS in IE 6 it’s not completely possible without JS but all modern browsers do it right)

Awesome thanks, and I actually remembered of another one I used before. Perfect, thanks for reminding me about the JavaScript :)