Tabeller, absolut positionering samt Opacity....
HejJeg har nogle problemer med nogle dropdown menu'er, lavet i tabeller, som skal have opacity. Følgende kode:
<TABLE ID="topMenu" CLASS="topMenu" BORDER="0px" CELLSPACING="0px" CELLPADDING="0px" WIDTH="100%" ALIGN="center" >
<TR>
<TD VALIGN="top" onMouseOver="menuOver(0)" onMouseOut="menuOut(0)">
<TABLE BORDER="0px" CELLSPACING="0px" CELLPADDING="0px" WIDTH="100%" VALIGN="top">
<TR CLASS="menuTextLine">
<TD>Vælg Forum
<TR STYLE="height:5px; background-color:#3F7F05"><TD>
<TR><TD>
<TABLE CLASS="subMenu" BORDER="0px" CELLSPACING="0px" CELLPADDING="0px" WIDTH="100%" VALIGN="top" STYLE="background-color:3F7F05; ">
<TR onMouseOver="subMenuOver(0,0)" onMouseOut="subMenuOut(0,0)">
<TD>SubMenu1-1
<TR onMouseOver="subMenuOver(0,1)" onMouseOut="subMenuOut(0,1)">
<TD>SubMenu1-1
<TR onMouseOver="subMenuOver(0,2)" onMouseOut="subMenuOut(0,2)">
<TD>SubMenu1-1
</TABLE>
</TABLE>
StyleSheet:
.subMenu {
position :absolute;
font-family :Arial, Helvetica, Sans-serif;
font-size :10px;
font-weight :bold;
text-align :center;
color :#FFFFFF;
cursor :hand;
filter :alpha(opacity=50);
visibility :hidden;
}
(* Sorry, kode ordenen gik, da jeg kopierede det her ind)
Problemet er at som koden er nu, virker opacity'en ikke, og hvis jeg laver relativ positionering på .subMenu, virker onMouseOver() funktionen over hele den skjulte tabel, også når den er skjult...
Kan nogen hjælpe mig, selv om det er lidt svært at forklare :-)
MVH
Walker
