VS 2010 tab Menu changing the class/style

Hi all,

I have a trial version of VS2010 and created a simple out of the box ASP .Net web application. I have been playing around with the css file for the project and have yet to figure out how to effect the menu tabs. It does not seem like it should be that hard. Please help.

Re: VS 2010 tab Menu changing the class/style

It is used by order list and underorder list. If you have sample asp.net template application you can explore the css files where you can find the following class which is created for menu

div.menu ul
{
    list-style:none;
    margin:0;
    padding:0;
    width:auto;
}

div.menu ul li
{
    padding-left: 8px;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    line-height: 2.8em;
    padding: 4px 20px;
    text-decoration: none;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

As menu controls are render as unorder list. You can change your menu look

Re: VS 2010 tab Menu changing the class/style

Thanks for your reply, I totally get how css work. However for some reason, I screwed something up Doh! and the css has no effect on this project. I recreated the project from scratch and now it is responding to changes that I make in my css.