Menu, der markerer aktive side/tab på asp.net masterpage
Hej, jeg vil gerne i en menu vise den aktive side og ville umiddelbart gøre det ved at smide et individuelt body ID på hver side. Men jeg bruger en masterpage på asp.net sitet, så der er kun ét body tag for alle side. Nogle ideer?(Lidt i tvivl om spørgsmålet skulle stilles her eller under asp.net kategorien).
Ex på kode:
<div id="Div1">
<ul>
<li><a href="default.aspx" title="default" id="default"><span>Side 1</span></a></li>
<li><a href="default2.aspx" title="default2" id="default2"><span>Side 2</span></a></li>
<li><a href="default3.aspx" title="default3" id="default3"><span>Side 3</span></a></li>
</ul>
</div>
CSS:
#tabs6 {
float:left;
width:100%;
background:#C9C9C9;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
}
#tabs6 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background:url("tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background:url("tabright6.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:hover {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}
