CSS cascading upwards in explorer - is this a bug?

[rupert.breheny@gmail.com]

I'm trying to put together a little navigation bar and have a MAIN and
then a SUB navigation which has visibility triggered with Javscript.

The problem I have is that In firefox I can colour both levels of
navigation a differently, but in Explorer the RED of the A element in
the "navSub" DIV jumps up a level and cascades to the preceeding "nav"
DIV I though cascading was supposed to happen downwards not upwards.
Can I have two different colours? Different HOVER colours are working,
just not the standard link colours???

Both HTML and CSS validate with no errors or warnings, so I don't think
I have done anything stupid. Is it just an Explorer bug?

Don't worry, the red is just used as an example colour, I really want
black for the subNav.

[Richard]

Re: CSS cascading upwards in explorer - is this a bug?

On 1 Mar 2005 20:30:36 -0800 rupert.breheny@ gmail.com wrote:
[color=blue]
> I'm trying to put together a little navigation bar and have a MAIN and
> then a SUB navigation which has visibility triggered with Javscript.
>
> The problem I have is that In firefox I can colour both levels of
> navigation a differently, but in Explorer the RED of the A element in
> the "navSub" DIV jumps up a level and cascades to the preceeding "nav"
> DIV I though cascading was supposed to happen downwards not upwards.
> Can I have two different colours? Different HOVER colours are working,
> just not the standard link colours???
>
> Both HTML and CSS validate with no errors or warnings, so I don't think
> I have done anything stupid. Is it just an Explorer bug?
>
> Don't worry, the red is just used as an example colour, I really want
> black for the subNav.[/color]


If you're using <ul><li> combos, you can define each level any way you want.
Or you can put each seperate item into a division and define the divisions
accordingly.

[Steve Pugh]

Re: CSS cascading upwards in explorer - is this a bug?

rupert.breheny@ gmail.com wrote:
[color=blue]
>I'm trying to put together a little navigation bar and have a MAIN and
>then a SUB navigation which has visibility triggered with Javscript.
>
>The problem I have is that In firefox I can colour both levels of
>navigation a differently, but in Explorer the RED of the A element in
>the "navSub" DIV jumps up a level and cascades to the preceeding "nav"
>DIV I though cascading was supposed to happen downwards not upwards.
>Can I have two different colours? Different HOVER colours are working,
>just not the standard link colours???[/color]

Can't tell anything without a URL.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve@pugh.net > <http://steve.pugh.net/>

[rupert.breheny@gmail.com]

Re: CSS cascading upwards in explorer - is this a bug?

Oops, that was silly. What you get for working till 5am I guess...

Here you go...

server-space.co.uk/rachel/index.htm
server-space.co.uk/rachel/style.css

[rupert.breheny@gmail.com]

Re: CSS cascading upwards in explorer - is this a bug?

I've used a combination of both. The links are in a UL which is
rendered INLINE but both NAV BARS are in separate DIV so I could colour
each separately, or so I thought.

[Steve Pugh]

Re: CSS cascading upwards in explorer - is this a bug?

rupert.breheny@ gmail.com wrote:
[color=blue]
>Oops, that was silly. What you get for working till 5am I guess...
>
>Here you go...
>
>server-space.co.uk/rachel/index.htm
>server-space.co.uk/rachel/style.css[/color]

Your troublesome style is:

..navSub a:link, a:visited {... }

That matches all unvisited links that are descendents of navSub and
ALL visited links.

Make it .navSub a:link, .navSub a:visited instead. You have the same
mistake a few other places as well.

The reason it was only showing up in IE is because IE has different
ideas about whether href="#" should be treated as a visited link or
not. When you'd put real links in there you would have seen the
problem more easily as it would have affected only visited links, but
in all browsers.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve@pugh.net > <http://steve.pugh.net/>

[rupert.breheny@gmail.com]

Re: CSS cascading upwards in explorer - is this a bug?

Got it in one. I just copied some of the code from a magazine and had
not appreciated the proper syntax. Thank goodness for forums or I'd
never be learning this stuff.

Thanks for your help,
Rupert

[kchayka]

Re: CSS cascading upwards in explorer - is this a bug?

rupert.breheny@ gmail.com wrote:[color=blue]
>
> server-space.co.uk/rachel/index.htm
> server-space.co.uk/rachel/style.css[/color]

Be aware that your design breaks badly when text is zoomed.
Have a peek in a mozilla browser (firefox, NS7) at text size 150%.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[Carolyn Marenger]

Re: CSS cascading upwards in explorer - is this a bug?

On Wed, 02 Mar 2005 13:31:48 -0600, kchayka wrote:
[color=blue]
> rupert.breheny@ gmail.com wrote:[color=green]
>>
>> server-space.co.uk/rachel/index.htm
>> server-space.co.uk/rachel/style.css[/color]
>
> Be aware that your design breaks badly when text is zoomed.
> Have a peek in a mozilla browser (firefox, NS7) at text size 150%.[/color]

Design doesn't wait for a font size change to break in my browser.
(Konqueror in Mandrake)

In the first line, black background, I see up to '... | training diary |'

The 2nd line, green background, I see 'sponsors' vertically overlapping
'company'. The bottom of the letters in sponsors is touching the tops of
the letters in company.

Carolyn

[Blinky the Shark]

Re: CSS cascading upwards in explorer - is this a bug?

Carolyn Marenger wrote:
[color=blue]
> On Wed, 02 Mar 2005 13:31:48 -0600, kchayka wrote:[/color]
[color=blue][color=green]
>> rupert.breheny@ gmail.com wrote:[/color][/color]
[color=blue][color=green][color=darkred]
>>> server-space.co.uk/rachel/index.htm
>>> server-space.co.uk/rachel/style.css[/color][/color][/color]
[color=blue][color=green]
>> Be aware that your design breaks badly when text is zoomed.
>> Have a peek in a mozilla browser (firefox, NS7) at text size 150%.[/color][/color]
[color=blue]
> Design doesn't wait for a font size change to break in my browser.
> (Konqueror in Mandrake)[/color]
[color=blue]
> In the first line, black background, I see up to '... | training diary |'[/color]
[color=blue]
> The 2nd line, green background, I see 'sponsors' vertically overlapping
> 'company'. The bottom of the letters in sponsors is touching the tops of
> the letters in company.[/color]

At my user settings, but not zoomed -- Opera, Konqueror, Firefox, all Linux:

http://blinkynet.net/stuff/comp/nolan.gif

--
Blinky Linux Registered User 297263
Who has implemented Usenet Solution #45933:
Now killing all posts originating at Google Groups

[kchayka]

Re: CSS cascading upwards in explorer - is this a bug?

Carolyn Marenger wrote:[color=blue]
> On Wed, 02 Mar 2005 13:31:48 -0600, kchayka wrote:[color=green]
>>
>> Be aware that your design breaks badly when text is zoomed.[/color]
>
> Design doesn't wait for a font size change to break in my browser.[/color]

Picky, picky, picky... :)

I really meant at an enlarged text size. My browser default is already
rather larger than average, too.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.