Natalie, give this a try - it works for me. My containing div is
#navigation, and my ul is #nav
/*------------------- nav stuff -----------------*/
#navigation {
float:left;
width:160px;
}
ul#nav {
margin: 0;
padding: 0;
list-style: none;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
ul#nav li {
position: relative;
width: 150px;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc; /* IE6 Bug */
border-bottom: 0;
}
li ul {
position: absolute;
left: 120px; /* Set 1px less than menu width */
top: 0;
display: none;
border-bottom: 1px solid #ccc;
}
/* Styles for Menu Items */
ul#nav li a {
display: block;
text-decoration: none;
color: #777;
}
/* Holly Hack. IE Requirement \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
#nav a:hover {
background-color:#999999;
}
li:hover ul, li.over ul { display: block; width:100%; } /* The magic */
/*------------------------ end nav stuff -------------------*/
**********
Jason Foss
Almost Anything Desktop Publishing
www.almost-anything.com.au
Telephone: (07) 4927 8033
Facsimile: (07) 4927 5312
Windows Messenger: [EMAIL PROTECTED]
9 Unmack Street, North Rockhampton, Queensland 4701
We can do almost anything!
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Natalie Buxton
Sent: Thursday, 21 October 2004 2:50 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Broken Menus and Bullets
Hi
I havent set the z-index of any other containers - I was testing to see if
adding one z-index would make a difference - which it didnt. I could z-index
all the divs though which could fix the transparency issue perhaps?
Regarding re-naming the styles for the list items - I attempted this in the
sidebar/nav List but it broke the javascript and the list itself. So instead
I added classes to the other list items.
Obviously, its still the wrong method because doing either breaks everything
even further.
On Thu, 21 Oct 2004 14:17:35 +1000, Kevin Futter
<[EMAIL PROTECTED]> wrote:
> I interpreted this as a z-index issue too ... (but I didn't check the
code).
>
> Kevin
>
> On 21/10/04 1:48 PM, "Stephen Cheshire"
> <[EMAIL PROTECTED]>
> wrote:
>
>
>
> > What's the z-index of the block of text starting with "Maecenas
> > laoreet laoreet..."
> >
> > is it greater than the submenus? Because I'm thinking the menus
> > aren't transparent but simply behind the text?
> >
> > Steve.
> >
> >
> >
> >
> > -----Original Message-----
> > From: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED]
> > Behalf Of Natalie Buxton
> > Sent: Thursday, 21 October 2004 1:31 PM
> > To: [EMAIL PROTECTED]
> > Subject: [WSG] Broken Menus and Bullets
> >
> >
> > Hi All
> >
> > Im having big issues with a design Im working on.
> >
> > Example live: http://pixelkitty.net/devel/wsg/whirl.php
> >
> > The left Menu is broken in both Mozilla and IE on Windows. As you go
> > further down, the menu items are transparent. The menu is the basic
> > one from ALA's horizontal drop down example.
> >
> > issue two is that when the menu is included in the #sidebar , my
> > bullets dissapear in the #content.
> >
> > This issue is driving me completely insane and I just cannot work
> > out where the conflict is.
> >
> > Looking forward to your advice.
> >
> > Natalie
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
