CSS help

simonsays · #1 Dec 9th, 2005, 18:10

Hi

I've used this tutorial to build my vertical dropdown menu. It's excelent but I can't make a sub-menu within another sub-menu, why? can anybody help me?

here is my CSS code:

Quote:

body {
font: normal 11px verdana;
}
ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
width: 180px; /* Width of Menu Items */
border-bottom: 1px solid #ffffff;
}

ul li {
position: relative;
display:block;
left: 0px;
top: 0px;
}

li ul {
position: absolute;
left: 179px; /* Set 1px less than menu width */
top: 0px;
display: none;
}
/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #ffffff;
background: #363C4C; /* IE6 Bug */
padding: 6px;
border: 1px solid #ffffff;
border-bottom: 0;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
ul li a:hover { color: #363C4C; background: #B9B6A4; } /* Hover Styles */

li ul li a { padding: 6px 6px; } /* Sub Menu Styles */

li:hover ul, li.over ul {
display: block;
} /* The magic */

sypher · #2 Dec 9th, 2005, 19:32

moved thread to css forum

herkalees · #3 Dec 9th, 2005, 20:20

These rules:
li ul li a { padding: 6px 6px; } /* Sub Menu Styles */

li:hover ul, li.over ul {
display: block;
} /* The magic */

only specify the rules for one sub-level.

I'm not sure how it might work out, but if you double up your "cascade", it might work...

For example:
li ul li ul li a { padding: 6px 6px; } /* Sub Menu Styles */

li:hover ul li ul, li.over ul li ul {
display: block;
} /* The magic */

But... this is all a guess...

simonsays · #4 Dec 10th, 2005, 13:15

Thanks anyway, but unfortunately did not work

If someone knows this please help me.

Thanks

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
CSS help