469,286 Members | 2,378 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,286 developers. It's quick & easy.

style works inline but not as a class

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
Aug 29 '06 #1
5 1944
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.
Aug 29 '06 #2
Stan McCann <me@stanmccann.uswrote:
>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
Aug 29 '06 #3
Harlan Messinger <hm*******************@comcast.netwrote in
news:4l************@individual.net:
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.
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
Aug 29 '06 #4
Spartanicus <in*****@invalid.invalidwrote in
news:ld********************************@4ax.com:
Stan McCann <me@stanmccann.uswrote:
>>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.
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
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
Aug 29 '06 #5
Spartanicus <in*****@invalid.invalidwrote in
news:ld********************************@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
Aug 29 '06 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Eric Wilhelm | last post: by
13 posts views Thread by TheKeith | last post: by
7 posts views Thread by Cameron Hatfield | last post: by
23 posts views Thread by Serve La | last post: by
100 posts views Thread by Angel Tsankov | last post: by
reply views Thread by Mike | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by suresh191 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.