Re: [WSG] Help with css cascade problem from external style to internal style

[JS Bracher]

yeah

I kept messing with the code while I was writing the email.

I have so many bad habits...

� wrote:


On 7 Jun 2007, at 2:25 PM, JS Bracher wrote:

Once I realized the problem was a specificity issue, I changed the 
internal style block to:


li#index a, li#index a:hover ...


Hopefully you changed the HTML as well, because the sample you 
originally posted had the id of 'index' on the , not the  - ?


N
___
omnivision. websight.
http://www.omnivision.com.au/




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Help with css cascade problem from external style to internal style

[Thierry Koblentz]

> On Behalf Of JS Bracher
> 
> Once I realized the problem was a specificity issue, I changed the
> internal style block to:
> 
> li#index a, li#index a:hover ...
> 
> Which is not quite what you did, but it's similar.

Actually, the above should *not* work as "index" is not the ID of an LI, but an 
A

---
Regards,
Thierry | www.TJKDesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Help with css cascade problem from external style to internal style

[Nick Gleitzman]

On 7 Jun 2007, at 2:25 PM, JS Bracher wrote:

Once I realized the problem was a specificity issue, I changed the 
internal style block to:


li#index a, li#index a:hover ...


Hopefully you changed the HTML as well, because the sample you 
originally posted had the id of 'index' on the , not the  - ?


N
___
omnivision. websight.
http://www.omnivision.com.au/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Help with css cascade problem from external style to internal style

[JS Bracher]

Thanks John.

Once I realized the problem was a specificity issue, I changed the 
internal style block to:


li#index a, li#index a:hover ...

Which is not quite what you did, but it's similar.

Yours is better, it's more explicit about what is being styled.

John Faulds wrote:

RE: [WSG] Help with css cascade problem from external style to internal style

[Thierry Koblentz]

> On Behalf Of JS Bracher
> #every_page li a {
> display: block;
> height: 1em;
> padding: .6em;
> font-size: small;
> text-decoration: none;
> color: #999;
> background-color: #4F;
> }
> 
> #every_page li a:hover {
> background-color: #999;
> color: #000;
> }
> 
> This works just fine.
>
> So in the internal style sheet, I do this:
> 
> 
> #index, index:hover { color: #4F; background: #003173; cursor:
> default;}
> 
> 
> 
> The relevant xhtml:
> 
> Home
> 
> I get the cursor change, but not the color change.
> 
> When I load the page, the link style for the link to this page is the
> same as the others, except that the cursor is changed from a link
> pointer to the default pointer.  So I know the style is being applied,
> it's just not over-riding the style from the external style sheet.
> 
> Do I have precedence wrong?

I'd say "specificity", try this:
#every_page li #index, 
#every_page li #index:hover { color: #4F; background: #003173; 
cursor:default;}

---
Regards,
Thierry | www.TJKDesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Help with css cascade problem from external style to internal style

[John Faulds]

Re: [WSG] Help with css cascade problem from external style to internal style

[JS Bracher]

The magic of asking for help.

17 seconds after I sent the email, I saw the problem and fixed it.

Thanks for just being here. ;)


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] Help with css cascade problem from external style to internal style

[JS Bracher]

Hello everyone,

I think this is my first post, which is sort of embarrassing.  I can't 
find a css error, deadlines are looming, and I'm just not seeing the 
problem.


In brief - I'm instituting a "you are here" in the navigation.  The 
site's default navigation style (in an external style sheet) is 
over-ridden by a style for the link to this page (in an internal style 
block).  Except it's not.  So I did something wrong and I'm just not 
seeing it.  Internal style blocks over-ride external style sheets, right?


Here is the relevant bit from the external style sheet:

#every_page li a {
display: block;
height: 1em;
padding: .6em;
font-size: small;
text-decoration: none;
color: #999;
background-color: #4F;
}

#every_page li a:hover {
background-color: #999;
color: #000;
}

This works just fine.

So in the internal style sheet, I do this:


#index, index:hover { color: #4F; background: #003173; cursor: default;}



The relevant xhtml:

Home

I get the cursor change, but not the color change.

When I load the page, the link style for the link to this page is the 
same as the others, except that the cursor is changed from a link 
pointer to the default pointer.  So I know the style is being applied, 
it's just not over-riding the style from the external style sheet.


Do I have precedence wrong?

Thanks in advance for any help.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***