Submit Your Article Forum Rules

Results 1 to 3 of 3

Thread: horizontal css menu

  1. #1
    Senior Member
    Join Date
    May 2004
    Posts
    145

    horizontal css menu

    I'm finally getting around to exploring horizontal menus in css at http://sydney-web-design.com/templates/template8.htm

    Started at listapart's June article on horizontal menus, but am having problems. Opera and FireFox don't like my display:none. They are displaying the whole menu, unlike IE which correctly shows the top menu only.

    But then IE displays the submenu when hovering, but it doesn't go away after hover is finished.

    So I tried Son of Suckerfish, at http://sydney-web-design.com/templates/template8a.htm, using the left margin to theoretically push the submenu away. Again, it works in IE, but not FireFox/Opera, and this version of the javascript hover doesn't work at all in IE.

    I thought this was the way to go for horizonal submenus, but ít seems not.

    (Next week it'll be vertical menus)

    Any ideas?

    ta chris

  2. #2
    Senior Member paulhiles's Avatar
    Join Date
    Jul 2003
    Posts
    2,062

    Suckerfish CSS menus

    Hi Chris,

    Have you looked at the Suckerfish Dropdowns at the HTML Dog site?

    I tried the menus out on most current browsers and they work just fine.

    Paul

  3. #3
    Senior Member
    Join Date
    May 2004
    Posts
    145
    I refreshed the javascript code, and that fixed half of it.

    But the embarrassing bit was the dangling LI. I closed it before the UL instead of after. Interesting that IE didn't mind but the others objected.

    Thanks
    Chris

Similar Threads

  1. Wrapping on Horizontal CSS Menu
    By thindenim in forum Graphics & Design Discussion Forum
    Replies: 10
    Last Post: 11-19-2007, 05:41 AM
  2. Horizontal Scrolling and Other CSS problems
    By TheBrownRecluse in forum Graphics & Design Discussion Forum
    Replies: 3
    Last Post: 06-13-2007, 10:07 PM
  3. how do I eliminate the horizontal scoll bar?
    By watto in forum Web Programming Discussion Forum
    Replies: 5
    Last Post: 11-10-2005, 12:40 PM
  4. How to have 2 image in same horizontal position in CSS?
    By shilmy in forum Graphics & Design Discussion Forum
    Replies: 3
    Last Post: 09-22-2004, 08:17 AM
  5. Horizontal Scrolling
    By wealth42 in forum WebProWorld: Guidelines/Announcements/Suggestions
    Replies: 5
    Last Post: 02-28-2004, 11:58 PM

Posting Permissions

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