<style Style="z-index:1000">
*
{
margin : 0px;
padding: 0px;
}
body
{
font-family:Verdana;
background-color:#ABC;
padding:0px;
}
h1
{
text-align:center;
border-bottom:2px solid;
margin-bottom:50px;
}
/* rules for navigation menu*/
ul#navmenu, ul.sub1, ul.sub2
{
list-style-type : none;
/* border:1px solid red;*/
}
ul#navmenu li
{
/*border:1px solid red; */
width: 125px;
text-align:center;
position: relative;
float:left;
margin-right : 4px;
top: 0px;
left: 0px;
font-size: small;
font-weight: 700;
}
ul#navmenu a
{
text-decoration : none;
display:block;
width : 125px;
height: 25px;
line-height:25px;
background-color :#FFF;
border:1px solid #CCC;
font-size: small;
}
ul#navmenu .sub1 li
{
/* border : 1px solid green;*/
margin-top : 5px;
}
ul#navmenu .sub1 a
{
margin-top : 0px;
}
ul#navmenu .sub2 a
{
margin-left : 10px;
}
ul#navmenu li:hover > a
{
background-color :#CFC;
}
ul#navmenu li:hover a:hover :
{
background-color :#FF0;
}
ul#navmenu ul.sub1
{
display : none;
position : absolute;
top : 26px;
left : 0px;
}
ul#navmenu ul.sub2
{
display : none;
position : absolute;
top : 0px;
left : 121px;
}
ul#navmenu li:hover .sub1
{
display :block;
}
ul#navmenu .sub1 li:hover .sub2
{
display :block;
}
.style1
{
font-size: small;
}
style>
*
{
margin : 0px;
padding: 0px;
}
body
{
font-family:Verdana;
background-color:#ABC;
padding:0px;
}
h1
{
text-align:center;
border-bottom:2px solid;
margin-bottom:50px;
}
/* rules for navigation menu*/
ul#navmenu, ul.sub1, ul.sub2
{
list-style-type : none;
/* border:1px solid red;*/
}
ul#navmenu li
{
/*border:1px solid red; */
width: 125px;
text-align:center;
position: relative;
float:left;
margin-right : 4px;
top: 0px;
left: 0px;
font-size: small;
font-weight: 700;
}
ul#navmenu a
{
text-decoration : none;
display:block;
width : 125px;
height: 25px;
line-height:25px;
background-color :#FFF;
border:1px solid #CCC;
font-size: small;
}
ul#navmenu .sub1 li
{
/* border : 1px solid green;*/
margin-top : 5px;
}
ul#navmenu .sub1 a
{
margin-top : 0px;
}
ul#navmenu .sub2 a
{
margin-left : 10px;
}
ul#navmenu li:hover > a
{
background-color :#CFC;
}
ul#navmenu li:hover a:hover :
{
background-color :#FF0;
}
ul#navmenu ul.sub1
{
display : none;
position : absolute;
top : 26px;
left : 0px;
}
ul#navmenu ul.sub2
{
display : none;
position : absolute;
top : 0px;
left : 121px;
}
ul#navmenu li:hover .sub1
{
display :block;
}
ul#navmenu .sub1 li:hover .sub2
{
display :block;
}
.style1
{
font-size: small;
}
style>
Sunny SharmaPosted Sep 3, 2013, 6:26 AM
What you have shared above in the question is just CSS. In order to help us to help you, you need to share your aspx code at least.
vinod mishraPosted Sep 3, 2013, 2:48 AM
Sunny SharmaPosted Sep 3, 2013, 1:43 AM
Is that a question or a solution? Please consider explaining the problem/issue while posting any kind of concern in a forum. We just can not read your mind/HardDisk. Your question above makes no sense without explanation, hope you got the point :)