SitePoint Sponsor |
|
User Tag List
Results 1 to 2 of 2
Thread: Drop down menu falls under flash
-
Aug 26, 2007, 19:41 #1
- 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
}
-
Aug 26, 2007, 21:29 #2
- 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