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.