Sent by Moira Ashleigh on 23 December 2004 16:04
I have looked at the IE bugs in the WIKI but I think a lot of them
must be missing. I searched the WIKI too but didn't get any results.
I am trying to get a third level of this navigation to only pop-out
on a hover of the link it is connected to.
page:
http://www.solsticesun.com/massc/menu.html
CSS
http://www.solsticesun.com/massc/scripts/menunav.css
I used :
/* the navmenu */
ul {
margin: 0;
padding: 0;
list-style: none;
width: 170px;/* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 169px; /* Set 1px less than menu width */
top: 0;
display: none;
}
/* Styles for Menu Items */
ul li a.menu {
display: block;
text-decoration: none;
color: #600;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align:left;
}
a.menu:hover {
display: block;
color: #006;
text-decoration: underline;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
li:hover ul, li.over ul { display: block;}
ul ul, li:hover ul ul {display:none;}
li:hover ul, li:hover li:hover ul {display:block;}
__________________________________________________________
But in IE Mac many links now jump. It's like they loose their
padding. I thought CSS meant inherit - arrrgh.
I tried adding all of the a.menu css specifics to a.menuhover, but it
didn't work. So I took them back out.
Plus in IE both Win and Mac the third level menu kicks out on the
first level link when it should wait until the mouse hover over the
respective link.
How do I fix these?
Can I fix this?
And why is it doing it?
Test menu works as it should in FireFox Safari and Netscape7 Mac; and
Netscape7 Firefox Windows.
To see the 3rd level hover go under "Best Practices" and scroll down
to "Fellowship papers" There should be a thrid menu that appears on
hover that says "How to Apply" and "Paper Guidelines".
Thank you in advance for any help
Moira
--
Moira Ashleigh. M.A.
Lead Designer
SolsticeSun Design
http://www.solsticesun.com
[EMAIL-REMOVED]
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
