Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder enderwiggin7's Avatar
    Join Date
    Jun 2009
    Posts
    131
    Thanks
    22
    Thanked 0 Times in 0 Posts

    navigation bar anomaly

    I just have one question for you, if you wouldn't mind - the nav bar on our site at 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,

    Ender

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    First of all you need to check why using tables is very bad. 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.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder enderwiggin7's Avatar
    Join Date
    Jun 2009
    Posts
    131
    Thanks
    22
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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=ht...Inline&group=0

    First and foremost, you need to have a valid DOCTYPE at the top!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    Regular Coder enderwiggin7's Avatar
    Join Date
    Jun 2009
    Posts
    131
    Thanks
    22
    Thanked 0 Times in 0 Posts
    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!

  • #6
    Regular Coder enderwiggin7's Avatar
    Join Date
    Jun 2009
    Posts
    131
    Thanks
    22
    Thanked 0 Times in 0 Posts
    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 )

    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 for the test page I did declared as strict.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •