Stylesheets - style works inline but not as a class

Author

style works inline but not as a class

Stan McCann

2006-08-29, 6:45 pm

link: https://ssl.perfora.net/famousphone.com/
css: http://famousphone.com/styles.css

The menu list on the right top (Shop by Category) is where I'm having
difficulties. I'm trying to visually show sub-categories. I've styled
li to look like a button, then added a class (sub_category) to indent
subcategories. I can put the style inline and it works. Why won't it
work when I move the styles to the style sheet? I can't find anything
to cause this.

--
Stan McCann, RETIRED!!, "Uncle Pirate" http://stanmccann.us/
Implementing negative score for googlegroup postings, see
http://blinkynet.net/comp/uip5.html
A zest for living must include a willingness to die. - R.A. Heinlein

Harlan Messinger

2006-08-29, 6:45 pm

Stan McCann wrote:
> link: https://ssl.perfora.net/famousphone.com/
> css: http://famousphone.com/styles.css
>
> The menu list on the right top (Shop by Category) is where I'm having
> difficulties. I'm trying to visually show sub-categories. I've styled
> li to look like a button, then added a class (sub_category) to indent
> subcategories. I can put the style inline and it works. Why won't it
> work when I move the styles to the style sheet? I can't find anything
> to cause this.

I'm seeing KSU Basketball indented in both IE6 and Firefox.

Spartanicus

2006-08-29, 6:45 pm

Stan McCann <me@stanmccann.us> wrote:

>link: https://ssl.perfora.net/famousphone.com/
>css: http://famousphone.com/styles.css

Afaik using dependencies hosted on a non secure connection may cause the
page to be treated as insecure.

The design appears to be rather fragile:
http://homepage.ntlworld.ie/spartanicus/temp.png

>The menu list on the right top (Shop by Category) is where I'm having
>difficulties. I'm trying to visually show sub-categories. I've styled
>li to look like a button, then added a class (sub_category) to indent
>subcategories. I can put the style inline and it works. Why won't it
>work when I move the styles to the style sheet? I can't find anything
>to cause this.

I haven't looked at your code, but look into inheritance and specificity
(an inline style often has a higher specificity than other style rules).
http://www.w3.org/TR/CSS21/cascade.html#specificity

--
Spartanicus

Stan McCann

2006-08-29, 6:45 pm

Harlan Messinger <hmessinger.removethis@comcast.net> wrote in
news:4ljfecF27gt0U1@individual.net:

> Stan McCann wrote:
>
> I'm seeing KSU Basketball indented in both IE6 and Firefox.

I should have been more clear. It's indented but doesn't seem to be
taking the width making it a bit wide and causing a horizontal scroll.

--
Stan McCann, RETIRED!!, "Uncle Pirate" http://stanmccann.us/
Implementing negative score for googlegroup postings, see
http://blinkynet.net/comp/uip5.html
A zest for living must include a willingness to die. - R.A. Heinlein

Stan McCann

2006-08-29, 6:45 pm

Spartanicus <invalid@invalid.invalid> wrote in
news:ld29f2lglhhukrgtsmvbbumle83bq5rpt5@4ax.com:

> Stan McCann <me@stanmccann.us> wrote:
>
>
> Afaik using dependencies hosted on a non secure connection may cause
> the page to be treated as insecure.

Really? I'll have to look into that. It really only needs to be
secure for login to pass the password. I suppose I could look into
running it secure only until login.

> The design appears to be rather fragile:
> http://homepage.ntlworld.ie/spartanicus/temp.png

Ouch. Thanks for that, something else I'll have to look into further.

>
> I haven't looked at your code, but look into inheritance and
> specificity (an inline style often has a higher specificity than
> other style rules).
> http://www.w3.org/TR/CSS21/cascade.html#specificity
>

I'll look at that link. Thanks.

--
Stan McCann, RETIRED!!, "Uncle Pirate" http://stanmccann.us/
Implementing negative score for googlegroup postings, see
http://blinkynet.net/comp/uip5.html
A zest for living must include a willingness to die. - R.A. Heinlein

Stan McCann

2006-08-29, 6:45 pm

Spartanicus <invalid@invalid.invalid> wrote in
news:ld29f2lglhhukrgtsmvbbumle83bq5rpt5@4ax.com:

> I haven't looked at your code, but look into inheritance and
> specificity (an inline style often has a higher specificity than
> other style rules).
> http://www.w3.org/TR/CSS21/cascade.html#specificity
>

That gave me the fix. I first tried !important which didn't fix it,
but when I included the id, that got it. So from ".submenu" to
"#navmenu .submenu" took care of it. Thanks, now on to figuring out
what's breaking the login button.

--
Stan McCann, RETIRED!!, "Uncle Pirate" http://stanmccann.us/
Implementing negative score for googlegroup postings, see
http://blinkynet.net/comp/uip5.html
A zest for living must include a willingness to die. - R.A. Heinlein