SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Inline DHTML type menu

    You know the type of typical drop down menu we see on sites which uses DHTML, my question is, is it possible to achieve the same sort of effect without using any javascript, just pure css?

  2. #2
    011521 dbalsdon's Avatar
    Join Date
    Feb 2003
    Location
    North Of Scotland
    Posts
    444
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    if you want the menu to appear when you hover over it with the mouse, then yes*, however, if you want the user to click the menu to make the dropdown bit appear, you need to use javascript

    * doesnt work in IE
    Daniel Balsdon
    My Site

  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Daz
    You know the type of typical drop down menu we see on sites which uses DHTML, my question is, is it possible to achieve the same sort of effect without using any javascript, just pure css?
    I did something similar for my Sitepoint CSS competition entry:
    http://contest.prestontalk.com/index/End_Of_The_Road/
    It only works in CSS2-aware browsers though. IE/Windows just gets a fully expanded menu, if you can live with that. I can make something work for IE/Windows if you're using all <a> tags; the reason I couldn't do so for the competition was because the tags used were <h3> tags and not links.

  4. #4
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Vinnie, I basically want to replicate something like this http://www.dynamicdrive.com/dynamici...nu/horizon.htm only I want to use <ul> and <li> tags for marking up my menu items and as I said, avoid js completely.

    dbalsdon, yep, I don't want to click, just menu items to appear on mouseover. If someone could point me to a working example I'm sure I could figure the rest.

  5. #5
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Actually, I just tried one of my ideas out. It didn't validate, even as HTML 4.01 Transitional. I'm afraid that if you want an all-CSS flyout menu you will have to forego IE/Windows compatibility.


Bookmarks

Posting Permissions

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