giving style to Menu

majeedkhan · February 21st, 2010, 03:55 AM

Hi Imar,

I want to give Style to Menu in my web page, each menu should be seprated with white line and there should be a color under the Menu till the end of the page. Please kindly guide me in this regard.

Imar · February 22nd, 2010, 06:28 AM

You can simply add something like

border-bottom: 1px solid white;

to the relevant CSS selector. I don't understand the second part of your question.

Cheers,

Imar

majeedkhan · February 23rd, 2010, 03:35 AM

Hi Imar,

Thanks for your reply, Actually i used this Code in Css:
.Menu
{
top: 180px;
left: 15px;
width: 195px;
position:absolute;
background-image: url("C:\Documents and Settings\All Users\Documents\My Pictures\Button.gif");
border-bottom-color:Red;
border-bottom-style:solid;
border-bottom-width: thick;
border-bottom-style: solid;
}

and the Code at Master Page is:
<asp:Menu ID="myMenu" runat ="server" DataSourceID ="MySiteMap" BackColor ="ControlLight" StaticHoverStyle-Height ="20" Font-Bold ="true" BorderColor ="#669999" StaticMenuStyle-CssClass ="GridRow" StaticHoverStyle-BackColor ="Gray" ForeColor ="White">

But still no white line between each Menu.
Another question is that the Menus are on Left side of Page, can i have an image or color which will fill the whole Lift side of the Page?
Thanks.

Imar · February 23rd, 2010, 11:25 AM

You're applying the class to the entire menu, not to a single menu item. Instead, use the DynamicMenuItemStyle to set the border for individual items.

Cheers,

Imar