Hi
Sorry if this has been posted before, i have searched but didn't find the answer.
I am creating a skin, i have included the tag for the module drop down menu. When i mouse over the dropdown menu icon, the menu appears half way across my module and not under the icon. How do i position the menu under the icon?
Graham
css
.ModuleTitle_MenuItem {
border: white 0px solid; /*override borders*/
}
.ModuleTitle_MenuItem TD { /*TD if menu is using tables*/
cursor: pointer;
cursor: hand;
color: black;
font-family: Tahoma, Arial, Helvetica;
font-size: 9pt;
font-weight: bold;
font-style: normal;
height: 21px;
white-space: nowrap; /*Word wrapping menu item now optional*/
padding: 1px 3px 3px 1px;
}
.ModuleTitle_MenuIcon {
cursor: pointer;
cursor: hand;
background-color: #EEEEEE;
width: 15px;
height: 100%; /*override the default height for icon so that menubreaks can have heights adjusted*/
}
.ModuleTitle_SubMenu
{
z-index: 1000;
cursor: pointer;
cursor: hand;
background-color: #FFFFFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
padding: 1px 1px 1px 1px; /*explicitly set padding for sub-menus */
}
.ModuleTitle_MenuBreak {
background-color: #EEEEEE;
font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}
.ModuleTitle_MenuItemSel {
cursor: pointer;
cursor: hand;
color: black;
font-family: Tahoma, Arial, Helvetica;
font-size: 9pt;
font-weight: bold;
font-style: normal;
background-color: #C1D2EE;
}
<%@ Control language="vb" CodeBehind="~/admin/Containers/container.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Containers.Container" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONS" Src="~/Admin/Containers/Actions.ascx" %>
<dnn:ACTIONS runat="server" id="dnnACTIONS" ProviderName="DNNMenuNavigationProvider" ExpandDepth="1" PopulateNodesFromClient="True" />
<div class="pagetextpane" style="background: #d8b4d1;">
<asp:Image ID="roundedcornr_TL" CssClass="roundedcornr_TL" runat="server" ImageUrl="images/purple_lightpurple_tl.png"/>
<asp:Image ID="roundedcornr_TR" CssClass="roundedcornr_TR" runat="server" ImageUrl="images/purple_lightpurple_tr.png"/>
<div class="pagetextpane_content" id="contentpane" runat="server" style="background: #d8b4d1;"></div>
<asp:Image ID="roundedcornr_BL" CssClass="roundedcornr_BL" runat="server" ImageUrl="images/purple_lightpurple_bl.png"/>
<asp:Image ID="roundedcornr_BR" CssClass="roundedcornr_BR" runat="server" ImageUrl="images/purple_lightpurple_br.png"/>
</div>