Dev
|
| Posted: 10/14/2005, 1:42 AM |
|
Hi there
I am busy implementing a horizontal dropdown menu in my project. I took the code exactly from the "HORIZONTAL CSS Menu" example from the codecharge example pack.
I am able to change the coloures to my delight of the "children" menu items, but of the "parent" menu item, then coloures wont change in Internet Explorer, but if its viewed in Mozilla Firefox, then the coloures change correctly. This project has to be viewed in Internet Explorer.
Can anybody please tell me why it wont change in Internet Explorer and how I can the coloures to display in Internet Explorer?
Here's the code:
<style>
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li { /* all list items */
float: left;
position: relative;
width: 8em;
}
#menu li ul {/* second-level lists */
position: absolute;
display: block;
top: 8mm;
left: 3;
}
#menu li>ul {/* to override top and left in browsers other than IE */
top: auto;
left: auto;
}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */
#menu li:hover ul { display: block; }
#menu li:hover>ul { visibility:visible; }
#menu ul ul { visibility:hidden; }
/* Make-up syles */
#menu ul, li {
margin: 0 0 0 0;
}
/* Styles for Menu Items */
#menu ul a {
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
}
/* Hover Styles */
#menu ul a:hover {
color: #E2144A;
background: #f9f9f9;
}
/* Sub Menu Styles */
#menu li ul a {
text-decoration: none;
color: #77F;
background: #fff; /* IE6 Bug */
border: 1px solid #ccc;
padding: 5px;
}
/* Sub Menu Hover Styles */
#menu li ul a:hover {
color: #E2144A;
background: #f9f9f9;
}
/* Icon Styles */
#menu li a.submenu {background:#fff url("v_arrow.gif") no-repeat right; }
#menu li a.submenu:hover {background:#f9f9f9 url("v_arrow.gif") no-repeat right;}
#menu li ul a.submenu {background:#fff url("r_arrow.gif") no-repeat right;}
#menu li ul a.submenu:hover {background:#f9f9f9 url("r_arrow.gif") no-repeat right;}
</STYLE>
|
|
|
 |
Dev
|
| Posted: 10/16/2005, 11:57 PM |
|
Thanks for not replying but the issue was solved after some blood sweat and tears.
|
|
|
|
wkempees
|
| Posted: 10/17/2005, 2:14 AM |
|
Dev,
Quote :
Thanks for not replying
Tips and solutions forum thread is where one leaves contributions to the
community.
Normally not replied upon.
It would be ideal if you would put your solution found, in here though.
Greetz,
Walter
|
|
|
|
|
