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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Sep 2002
    Posts
    428
    Thanks
    0
    Thanked 20 Times in 20 Posts

    css menu help wanted

    I need to create a css only multi level menu drop down for our site BrokenEquipment.com, however most of the codes I've seen are not cross browser compatible even though they claim it.
    We are using XHTML transitional , but I've only found tutorials for STRICT or HTML 4 can anyone help or at least point me in the right direction.
    NO Limits!! www.dhcreationstation.com
    ------------------------------------------------------------
    Broken items wanted for tinkerin'! PostItNow@BrokenEquipment.com

  • #2
    Regular Coder
    Join Date
    Sep 2011
    Posts
    327
    Thanks
    3
    Thanked 35 Times in 35 Posts
    How many levels does your menu need to be?
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  • #3
    Regular Coder
    Join Date
    Sep 2002
    Posts
    428
    Thanks
    0
    Thanked 20 Times in 20 Posts
    Not sure usually drop downs only go to about 3 or 4 I'm told this depends on how many levels the site admin wants to use. Basically each level should be referenced in css...like...
    level-1
    level-2
    etc.. so more levels can be added if need be depending on the template. I mean it's easier to use
    level-1 a{}
    level-1 a:hover {}

    and copy paste to create a new one than it is using ul li a ul li a
    NO Limits!! www.dhcreationstation.com
    ------------------------------------------------------------
    Broken items wanted for tinkerin'! PostItNow@BrokenEquipment.com

  • #4
    Regular Coder
    Join Date
    Sep 2011
    Posts
    327
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Adding the HTML of more levels is easy, adding the CSS is trickier. I do have a tutorial for you that explains how to make a two-level menu: Make a Drop-Down/Fly-Out Menu with CSS.


  •  

    Posting Permissions

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