View Full Version : navigation bar anomaly

06-15-2009, 10:53 PM
I just have one question for you, if you wouldn't mind - the nav bar on our site at www.bebetterdomore.com (http://www.bebetterdomore.com) seems to have an issue - the home button is appearing at the very bottom of the page, leaving a blank space on the far left side of the bar that causes all javascript on the page to cease functioning if your mouse goes over it or clicks on it. Do you know how I could get it to appear properly, with the "Home" button in its proper place?

Your help is much appreciated,


06-16-2009, 09:10 AM
First of all you need to check why using tables is very bad (http://www.hotdesign.com/seybold/). After that try to follow http://htmldog.com/articles/suckerfish/dropdowns/ for making a CSS based drop down. Your current menu is javascript based which will create some some accessibility issues for those who have no javascript support.

06-16-2009, 10:21 PM
Thank you for your links, I'll check those out. However, that still doesn't answer my immediate question - while I am investigating implementing a new nav bar, I need my old one to work properly. I have clients relying on this.

06-17-2009, 09:29 AM
An immediate solution would be almost impossible, since you need to fix the errors in your markup before expecting a desired output, see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bebetterdomore.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

First and foremost, you need to have a valid DOCTYPE at the top (http://www.alistapart.com/articles/doctype/)!

07-08-2009, 03:37 PM
Well, I've gone thru my site carefully. I've played with various doctypes, but they seem to mess up my javascript navbar even more. Instead of the one bug with the home button, they either make my bar disappear altogether, or make them disappear one by one as you hover over them with the mouse.

How do I discover what docytype, javascript version, and xml version to declare?

Thanks for your help!

07-08-2009, 06:28 PM
Update: I played around with implementing both HTML 4.1 transitional and strict, deciding that the XML and frameset DTDs weren't for me. (Yeah, i'm learning :rolleyes: )

The problem is, the transitional DTD cause my navbar to cease - the top-level links still work, but the secondary level won't drop down at all.

So I tried the strict DTD - but hovering over the options with my mouse makes them disappear entirely, even though with them the secondary level does drop down as a blank box. The text is still there too - I can highlight it with my mouse, I just can't see it normally. You can see this link (http://www.bebetterdomore.com/index2.html) for the test page I did declared as strict.