Menu is not displaying properly.

Hello Pankaj,

try this following code

About us

Sub Title 1

style file

/* Giving a font-family and Size to give good look */

body {

/*font-family: Arial, Helvetica,sans-serif;

font-size:10px;*/

font:normal 10px Arial, Helvetica, sans-serif;

}

/* Adjusting the margins, paddings and no list styles */

.navigation {

margin:0;

padding:0;

list-style:none;

z-index:101;

font-size:11px;

text-align:left;

}

/* Little tricking with positions */

.navigation li {

float:left; /* Show list items inline */

width:120px;

position:relative;

z-index:101;

font-size:13px;

text-align:left;

}

/* Playing with Main Categories */

.navigation li a {

/*background:#262626; */

background:#FFFFFF;

color:#000000;

display:block; /* Making sure a element covers whole li area */

padding:8px 7px 8px 7px;

text-decoration:none; /* No underline */

/*border-top:1px solid #F2861D;*/

/* text-align:center; */

text-align:left;

/*text-transform:uppercase;*/

background:url(sites/all/themes/hedu2011hc/a/screen/menuspacer.jpg);

}

.navigation li a:hover {

/* color:#F2861D;*/

/* color:#333399;*/

background-image:url(sites/all/themes/hedu2011hc/a/screen/menuspacerhvr.jpg);

background-color:#660033;

}

/* Sub Cat Menu stuff*/

.navigation ul {

position:absolute;

left:0;

display:none; /* Hide it by default */

margin:0 0 0 -1px;

padding:0;

list-style:none;

border-bottom:3px solid #F2861D;

width:214px;

}

.navigation ul li {

width:150px;

float:left;

border-top:none;

}

/* Sub Cat menu link properties */

.navigation ul a {

display:block;/* Making sure a element covers whole li area */

width:200px;

height:15px;

padding:8px 7px 13px 7px;

/*color:#fff;*/

color:#000;

text-decoration:none;

border-top:none;

/*border-bottom:1px dashed #6B6B6B;*/

border-bottom:1px solid #DCDCDC;

}

.navigation ul a:hover {

/*color:#F2861D;*/

color:#FFFFFF;

background:#660033;

width:200px;

}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manimekalai Ganesan10y ago
Hello Pankaj,
try this following code
About us
Sub Title 1
Sub Title 1

style file
/* Giving a font-family and Size to give good look */
body {
/*font-family: Arial, Helvetica,sans-serif;
font-size:10px;*/
font:normal 10px Arial, Helvetica, sans-serif;
}
/* Adjusting the margins, paddings and no list styles */
.navigation {
margin:0;
padding:0;
list-style:none;
z-index:101;
font-size:11px;
text-align:left;
}
/* Little tricking with positions */
.navigation li {
float:left; /* Show list items inline */
width:120px;
position:relative;
z-index:101;
font-size:13px;
text-align:left;
}
/* Playing with Main Categories */
.navigation li a {
/*background:#262626; */
background:#FFFFFF;
color:#000000;
display:block; /* Making sure a element covers whole li area */
padding:8px 7px 8px 7px;
text-decoration:none; /* No underline */
/*border-top:1px solid #F2861D;*/
/* text-align:center; */
text-align:left;
/*text-transform:uppercase;*/
background:url(sites/all/themes/hedu2011hc/a/screen/menuspacer.jpg);
}
.navigation li a:hover {
/* color:#F2861D;*/
/* color:#333399;*/
background-image:url(sites/all/themes/hedu2011hc/a/screen/menuspacerhvr.jpg);
background-color:#660033;
}
/* Sub Cat Menu stuff*/
.navigation ul {
position:absolute;
left:0;
display:none; /* Hide it by default */
margin:0 0 0 -1px;
padding:0;
list-style:none;
border-bottom:3px solid #F2861D;
width:214px;
}
.navigation ul li {
width:150px;
float:left;
border-top:none;
}
/* Sub Cat menu link properties */
.navigation ul a {
display:block;/* Making sure a element covers whole li area */
width:200px;
height:15px;
padding:8px 7px 13px 7px;
/*color:#fff;*/
color:#000;
text-decoration:none;
border-top:none;
/*border-bottom:1px dashed #6B6B6B;*/
border-bottom:1px solid #DCDCDC;
}
.navigation ul a:hover {
/*color:#F2861D;*/
color:#FFFFFF;
background:#660033;
width:200px;
}
Vinay Singh10y ago
Hi
Check the below link this may provide u help
Dynamic Css Menu Creation Up to Three Level in Asp.Net Using C#.Net
Dynamic Vertical Css Menu Using jQuery, Css and C#.net In Asp.net MVC
Dynamic Css Menu Creation in Asp.Net Using C#.Net