SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict matt_12511's Avatar
    Join Date
    Feb 2004
    Location
    Michigan
    Posts
    256
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Drop Menus work in IE?

    Hello everyone,

    I am working on my new site and would like to use CSS to create the drop menus. I recently read a post stating IE does not allow CSS drop menus. Is this true?

    Thanks,

    Matt

  2. #2
    SitePoint Zealot Digitalman's Avatar
    Join Date
    May 2004
    Location
    Belgium
    Posts
    145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No it's a big lie.

  3. #3

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    stating IE does not allow CSS drop menus
    IE does not do drop menus unless you add a little bit of js because it doesn't recognise hovers on anything other than anchors.

    The links cyberalien showed you should start you on the right track

    Paul

  5. #5
    SitePoint Addict matt_12511's Avatar
    Join Date
    Feb 2004
    Location
    Michigan
    Posts
    256
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Awesome link!!

    Thanks,

    Matt

  6. #6
    SitePoint Addict matt_12511's Avatar
    Join Date
    Feb 2004
    Location
    Michigan
    Posts
    256
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have posted the page I am working on here:

    www.faceproject.org/new/resources

    1) I am having a difficult time getting the text to center (vertical and horizontal) in the menu. Also the drop down <li>'s seem to keep their 30px height but when you hover over a link with drop down items the first item smashes up into the main link.

    2) Also I need to have a yellow border on the top of each drop down link but not across all the main links.

    **I fixed #2 with this:
    li ul li {
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #F2BF49;
    text-align: center;
    vertical-align: middle;
    border-left-width: 0;
    border-left-style: none;
    border-left-color: #000000;
    }

    Still working #1

    **

    Anyone know how to solve these issues?

    Please follow the above link to get an idea of what I am talking about.

    Matt

    ps. something I haven't tried but may be the solution is to create two seperate DIVs that will dictate whether its a main level link or drop down link. Then I can set the attributes of each. Will that work?
    Last edited by matt_12511; Oct 6, 2004 at 11:26.


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
  •