An ACTUAL Pure CSS drop down menu (cross browser as well)

Discussion in 'CSS' started by Jason Green, Nov 28, 2007.

  1. #1
    Jason Green, Nov 28, 2007 IP
  2. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #2
    Pretty clever but kinda foolish.. it would be invalid HTML if it was IE.. but the CC's fix it up for IE so one can use a:hover instead of li:hover.
     
    soulscratch, Nov 28, 2007 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Stu Nichols did the exact same thing over at www.cssplay.co.uk IIRC but took a slightly different route. As soulscratch said though, it's messy HTML and I'd rather have the Suckerfish JavaScript file or a .htc file and be done with it, while making sure the menu is still useable and accessible to those IE users who can't get the script (disabled, unsupported, etc) yet still get the styled menu.
     
    Dan Schulz, Nov 28, 2007 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    At least Stu's version has actual text instead of relying on Alt text, and even though the html is messy, it won't die under a firewall or No-Script or simply lack of Js.

    Assuming someone cannot drop down through my menus, I've had to add so much redundancy to every single page (that is, clicking only on the main menu when there are no dropdowns brings one to a page wherein the rest of the links sit)... which maybe should be done anyway, but screams inefficiency.
     
    Stomme poes, Nov 30, 2007 IP
  5. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #5
    I'm actually contemplating using CC's to insert content just like this method ... rather than js/htc because it reduces the processing time for js/htc (even if its not noticeable -- you get less HTTP requests). And it'll be a bit fun to implement too.
     
    soulscratch, Nov 30, 2007 IP