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.
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
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.
Johnny Rocke...
Member
200 Points
60 Posts
VS 2010 tab Menu changing the class/style
Apr 20, 2010 04:33 AM|LINK
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.
John
Jalpesh P. V...
Contributor
2056 Points
333 Posts
Re: VS 2010 tab Menu changing the class/style
Apr 22, 2010 06:34 AM|LINK
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
Microsoft MVP(Visual C#),
www.dotnetjalps.com
Mark as answer if my anwers helps you
Johnny Rocke...
Member
200 Points
60 Posts
Re: VS 2010 tab Menu changing the class/style
Apr 24, 2010 06:25 PM|LINK
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.
John