Hello, everyone!

This is my first post here. I'm a newbie in web design and programming. I'd like some help. Please refer to this page:

http://www.hotelcamilapagadian.com/index2.html

Basically, I've added sub menus to the menu line and it works fine for Rooms submenu but the other sub menus seemed to go under the main text, making them unclickable/unselectable by the user.

How do I make these submenus stay in the "foreground"?

Please feel free to examine the page source and I think the relevant css settings are in style.css. (I use firefox and it allows me to view the full contents of style.css by clicking it on the Page Source. My safari browser doesn't seem to allow that. Not sure with IE and Chrome.)

Help much appreciated!

jeff

You can ad a z index to the list items:

#header .nav li { display:inline; float:left; position:relative; z-index:100; }

You are new? That is a pretty nice design. You may want to move all that javascript into its own file. It is good practice to keep the page clean.

Originally Posted by racer x

You can ad a z index to the list items:

#header .nav li { display:inline; float:left; position:relative; z-index:100; }

That worked like a charm! Thanks a hundred!

Originally Posted by racer x

You are new? That is a pretty nice design. You may want to move all that javascript into its own file. It is good practice to keep the page clean.

I'm quite happy you like my design! I already had some programming background (mostly VB) so it was a matter of learning new languages (html, css, javascript, php, etc.) and a lot of help from google searches. Thank you for the tip on on saving the javascript file to its own file. I was actually planning to do that before I put this file into "production" mode.

Thanks so much!