Hi!

I have a horizontal menu with a vertical drop down. For some reason in Chrome the drop down is horizontal instead of vertical. It seems to work fine in everything else. Suggestions on how to fix it?

Click Here to vew website

Recommended Answers

im no expert but maybe i can help, but can u provide the code ur using for the menu.

Jump to Post

sorry but could i also get the html

Jump to Post

All 5 Replies

im no expert but maybe i can help, but can u provide the code ur using for the menu.

Code is attached :)

#nav-main {
width: 900px;
color:white;
background:url(../images/navbackground.png);
float:left;
margin-bottom:10px;
margin-top:-20px;
z-index:2;
color: white;
line-height: 30px;
white-space: nowrap;
font-size:12px;
}
#nav-main ul {
padding:0;
margin:0;

}
#nav-main li {
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
z-index:100;
}
#nav-main li a {
text-decoration: none;
padding: 7px 50px;
color: white;
font-weight:bold;


}


#nav-main li li {
width:100px;
background:black;
text-align:left;
font-size:8pt;
height:32px;

}

#nav-main li li a{
text-align:left;
background-repeat:no-repeat;
font-size:9pt;
padding-top:2px;
padding-bottom:6px;
height:32px;
width:100px;
background:black;
position: absolute;

}


#nav-main li a:hover{
color:#00577a;
}

#nav-main ul ul{
position: absolute;
visibility:hidden;

}

#nav-main ul li:hover ul{
visibility:visible;

}

#nav-main li a:link {
color: #999:
}
#nav-main li a:visited {
color: #CCC;
}
#nav-main li a:hover {
font-weight: bold;
color:#F06;

}

sorry but could i also get the html

did you make the menu yourself, or a menu generater? cuz i think you probably added extra stuff, but i need the html also that ur using for the menu to fix up ur code.
just the meny code not the entire web.

I have a sample of a navigational menu, feel free to adapt the code to your use...

Multi-level Navigation Menu

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.