SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Drop down menu falls under flash

    I know this issue has come up before, but I could not find anything when I did a search on Sitepoint. I have a dropdown menu with the submenus that want to fall under the flash movie in IE7. I have tried <param name="wmode" value="transparent" /> but this is not working. Any suggestions for controling this in the css? Here is my css if that would help. Thanks

    #csstopmenu {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; position: relative; z-index:100; BACKGROUND-COLOR: #374b78
    }
    #csstopmenu UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; BACKGROUND-COLOR: #374b78
    }
    #csstopmenu LI {
    FLOAT: left; position: relative; z-index:100
    }
    #csstopmenu A {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #ffffff; LINE-HEIGHT: 13px; PADDING-TOP: 0px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: none
    }
    HTML > BODY #csstopmenu A {
    FONT-SIZE: 13px
    }
    #csstopmenu A:hover {
    TEXT-DECORATION: underline
    }
    .mainitems {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
    }

    .headerlinks A {
    DISPLAY: block; FLOAT: left; MARGIN: 0px 2px 5px 4px; COLOR: black; HEIGHT: 14px
    }
    .submenus {
    PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; BACKGROUND: url(portal_images/backgrad.gif) no-repeat center bottom; LEFT: 0px; PADDING-BOTTOM: 15px! important; MARGIN: 0px 0px 10px; WIDTH: 150px; COLOR: #000000; PADDING-TOP: 0px; POSITION: relative; TOP: 0.7em
    }
    .submenus LI {
    PADDING-RIGHT: 0px; PADDING-LEFT: 16px; PADDING-BOTTOM: 0px; MARGIN: 7px 0px 0px; PADDING-TOP: 0px; position: relative; z-index:100;
    }
    HTML > BODY .submenus LI {
    MARGIN: 7px 15px 3px 0px
    }
    .submenus LI A {
    DISPLAY: block; FONT-SIZE: 11px! important; WIDTH: 110px; COLOR: #ffffff! important; LINE-HEIGHT: 12px! important
    }
    .submenus LI A:hover {
    COLOR: red
    }
    #csstopmenu LI > UL {
    LEFT: 0px; PADDING-BOTTOM: 10px; WIDTH: 150px; TOP: 1em
    }
    #csstopmenu LI:hover UL {
    DISPLAY: block
    }
    LI.over UL {
    DISPLAY: block
    }
    HTML > BODY #clearmenu {
    HEIGHT: 3px
    }
    .separator {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; COLOR: #d5d6e1; LINE-HEIGHT: 13px; PADDING-TOP: 0px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: none
    }

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    We're going to need to see the HTML as well and preferably a link to the page.


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
  •