Jason, you are a God.
Thank you so much for coming up with this solution. Naming the UL has
fixed the issue completely.
I am in your debt.
Natalie ::))
On Thu, 21 Oct 2004 15:54:38 +1000, Jason Foss
<[EMAIL PROTECTED]> wrote:
> 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
> ******************************************************
>
>
--
--
Freelance Website Designer/Developer
www.pixelkitty.net
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
