After much reading and googling and trying the past few days Ive now resorted to my last call of port.. Ask for help.
I have a horizontal nav bar design with 7 buttons, it is a simple rounded rectangle design with a gradient through the image. So the ends are round and the middle buttons are straight rectangles.
Therefore I need 3 li classes to work correctly the first button class being Home the following buttons class being middle and the last button class being contact.
Here is the XHTML for the list.
the "wrapperBody" is being pushed down from the menu bar in this site. I've validated the site and only 3 errors, and I can't identify why this is happening. Is this because of my footer positioning maybe?
The site is:
Ive got an ul for the main navigation for a site nested in a div.
All I want to do is for the li that represents the current page to assume the rollover styling. The only way I can get that to work is to place the entire styling in a style tag which shouldn't be the done thing. Placing the css code in a class or a div tag does not work.
I know I'm doing something fundamentally stupid but wish I could see it!
Any help would be appreciated.
Heres the html (showing that 'living room' should have the style of #xnavmainc):
Right now I have my drop down menu up and working. However, the when you hover over the
<ul> it disappears when you hover over a
<li> I would like it to stay.
Here is a link to see. http://www.tomroof.com/test/test.html