www.webdeveloper.com
Results 1 to 7 of 7

Thread: CSS Menu and Mozilla bug!!!

  1. #1
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,276

    Exclamation CSS Menu and Mozilla bug!!!

    Hi everyone, I thought that I would take it upon myself to make a menu out of just CSS and XHTML, no JavaScript involved. I have used nested links (something that I was concerned about but the W3C assures me that it's valid) so that I can show/hide the sub-menu's with appropiate pseudo-classes.

    I have gotten the menu to work as intended in IE and Opera but Mozilla and Netscape refuse point blank to hide the span tag that the sub-menu links are in, even if I have style="display:none;" within the span tag.

    Is there some trickery that I could use to get it to work in all browsers? I hope so.
    There's just one other thing though, I do not want to use any code that is not completely valid according to the W3C validators, if this isn't possible then I'll just abandon making the menu.
    Attached Files Attached Files
    Every fight is a food fight when you’re a cannibal.

  2. #2
    Join Date
    Nov 2002
    Posts
    4,473
    No bug. You cannot nest <A> tags. NS and Moz are just following the rules...

  3. #3
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,276
    So why didn't the validator pick up on that? I mean, the DTD is XHTML 1.1 Strict so you would expect it to make a big deal of it wouldn't you?
    Every fight is a food fight when you’re a cannibal.

  4. #4
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    10,413
    I doubt it can be done in IE.

    http://www.meyerweb.com/eric/css/edge/menus/demo.html
    [J]ona
    Visit Slightly Remarkable to see my portfolio, resumé, and consulting rates.

  5. #5
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,276
    I was going to try something like that but then I remembered - IE is crap - so I didn't.
    Every fight is a food fight when you’re a cannibal.

  6. #6
    Join Date
    Nov 2002
    Posts
    4,473
    Originally posted by lavalamp
    So why didn't the validator pick up on that? I mean, the DTD is XHTML 1.1 Strict so you would expect it to make a big deal of it wouldn't you?
    A validator is only another piece of fallible software.

    At first I thought it was the DTD that was tripping Netscape (I was testing in 7.1), but it made no difference. Then I noticed a missing "#" in front of a color. That wasn't it, either. Then I tried a simple one:
    Code:
    <head>
    <style type="text/css">
    .menu a span {display: none}
    .menu a:hover span {display: block}
    </style>
    </head>
    <body>
    <div class="menu">
    <a href="#">Menu 1
    <span>
    This should be hidden<br>
    This should be hidden<br>
    This should be hidden<br>
    This should be hidden<br>
    </span>
    </a>
    </div>
    </body>
    which worked as expected. But it broke when I made "This should be hidden" into links. Then I remembered that you can't nest anchors.

    Keep trying, though. I think it's a neat idea.

  7. #7
    Join Date
    Jan 2004
    Posts
    2,422
    well its crap because if you try to put your mouse in a dropdown then it disappears. and ie works fine so i dunno y every1 biatches about it.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles