I have a vertical RadMenu sandwiched between 2 DIVs which each display an image. I have the menu stuck in a third DIV which should expand to fix the menu and still allow the images to display.
It should look something like the attached image "menu-original.jpg."
Unfortunately, the bottom DIV is buried behind the menu because the menu lies on top of the whole thing, resulting in what you see in the attached image called "menu-now.jpg."
I tried playing with z-index in the style sheets as well as adding another <DIV> tag to wrap the menu, but I can't seem to get this working the way I want. Can anyone please suggest a way to get this to look as I want it to?
Thanks in advance.
<div id="MenuBarTop"></div> <div id="MenuBarMiddle"> <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical" EnableEmbeddedSkins="false" Skin="WIContract"> <Items> <telerik:RadMenuItem Text="Our Products" NavigateUrl="Default.aspx"></telerik:RadMenuItem> <telerik:RadMenuItem Text="The Standards" NavigateUrl="c-16-the-standards.aspx" Target="_blank"></telerik:RadMenuItem> <telerik:RadMenuItem Text="Performance<br />Laminate" NavigateUrl="/Laminate/Performance/" CssClass="customClass"> <items> <telerik:RadMenuItem Text="Fire Rated" NavigateUrl="/Laminate/Performance/"></telerik:RadMenuItem> <telerik:RadMenuItem Text="Chemsurf" NavigateUrl="/Laminate/Performance/"></telerik:RadMenuItem> </items> </telerik:RadMenuItem> <telerik:RadMenuItem Text="Decorative Edges" NavigateUrl="WilsonartDecorativeEdges_Brochure.pdf"></telerik:RadMenuItem> <telerik:RadMenuItem Text="Laminate-Clad<br>Interior Doors" NavigateUrl="/Laminate/LaminateCladDoors/"></telerik:RadMenuItem> </Items> </telerik:RadMenu> </div><div id="MenuBarBottom"></div>It should look something like the attached image "menu-original.jpg."
Unfortunately, the bottom DIV is buried behind the menu because the menu lies on top of the whole thing, resulting in what you see in the attached image called "menu-now.jpg."
I tried playing with z-index in the style sheets as well as adding another <DIV> tag to wrap the menu, but I can't seem to get this working the way I want. Can anyone please suggest a way to get this to look as I want it to?
Thanks in advance.