Thread: CSS Drop Down

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2008
    Posts
    2
    Rep Power
    0

    CSS Drop Down


    What am I missing to have a drop down for this website:

    Can someone help with what lines and what to add to just have a generic dropdown. The services are just bullet-ed now and can't figure what I'm missing

    outdoor-4u (dot) com


    Thanks
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2012
    Posts
    88
    Rep Power
    10
    Without looking at your code, you have to add to the submenu

    li a:link{ display:none;}
    li a:visited {......}
    li a:hover{display:block;}
    li a:active{.....}

    plus you have some of the elements that are being overlapped by the main image in the display

    Another thing is that I don't know what you mean by bulleted?

    If you mean the ones in the middle right, you will have to use the

    {list-style:none} code for your css
  4. #3
  5. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4303
    This explains the technique:
    http://www.htmldog.com/articles/suckerfish/dropdowns/
    and this shows some improvements to it:
    http://www.positioniseverything.net/css-dropdowns.html

    Are you aware that your page contains errors?
    http://validator.w3.org/
    http://jigsaw.w3.org/css-validator/ (Under "more options", make sure the "Profile" is set to "CSS level 3" and set "Vendor Extensions" to "Warnings".)
    Originally Posted by cssbonding
    Without looking at your code, you have to add to the submenu

    li a:link{ display:none;}
    li a:visited {......}
    li a:hover{display:block;}
    li a:active{.....}
    How do you move the mouse pointer over an element that effectively does not exist?
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  6. #4
  7. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2012
    Posts
    88
    Rep Power
    10
    Originally Posted by Kravvitz
    How do you move the mouse pointer over an element that effectively does not exist?
    This is submenu not the parent menu
    Last edited by Kravvitz; April 23rd, 2013 at 07:12 PM. Reason: truncated the quote
  8. #5
  9. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4303
    Originally Posted by cssbonding
    This is submenu not the parent menu
    Try the code you suggested and perhaps you'll see what I mean.
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo