style works inline but not as a class

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Stan McCann - 29 Aug 2006 18:27 GMT

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.

Signature

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

Reply to this Message

Harlan Messinger - 29 Aug 2006 19:30 GMT

> link: https://ssl.perfora.net/famousphone.com/
> css: http://famousphone.com/styles.css
[quoted text clipped - 5 lines]
> 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.

Reply to this Message

Stan McCann - 29 Aug 2006 19:56 GMT

>> link: https://ssl.perfora.net/famousphone.com/
>> css: http://famousphone.com/styles.css
[quoted text clipped - 7 lines]
>
> 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.

Signature

Reply to this Message

Spartanicus - 29 Aug 2006 19:46 GMT

>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

Signature

Spartanicus

Reply to this Message

Stan McCann - 29 Aug 2006 20:02 GMT

>>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.

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.

>>The menu list on the right top (Shop by Category) is where I'm
>>having difficulties. I'm trying to visually show sub-categories.
[quoted text clipped - 7 lines]
> other style rules).
> http://www.w3.org/TR/CSS21/cascade.html#specificity

I'll look at that link. Thanks.

Signature

Reply to this Message

Stan McCann - 29 Aug 2006 20:12 GMT

> 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.

Signature

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / August 2006

style works inline but not as a class