homepage Welcome to WebmasterWorld Guest from 50.17.107.233
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
Can't style object
andrewsmd




msg:4223005
 9:43 pm on Oct 27, 2010 (gmt 0)

Why won't this work.



I have HTML like this
<td class="storeTitle"><span>Service Membership</span></td>

So in the css file I have this
.storeTitle SPAN
{
font-size: 18px;
color: #0B94C8;
}
That works fine in chrome but not in IE. Any ideas why?

 

CSS_Kidd




msg:4223365
 2:23 pm on Oct 28, 2010 (gmt 0)

You need to give a "class" name to the span:

<td class="storeTitle"><span class="foo">Service Membership</span></td>

.storeTitle .foo (or simply .foo if you want)
{
font-size: 18px;
color: #0B94C8;
}


You can't style "span" as is.

birdbrain




msg:4223403
 3:25 pm on Oct 28, 2010 (gmt 0)

Hi there andrewsmd,

Your code worked OK, for me, in both IE6 and IE8. ;)

birdbrain

CSS_Kidd




msg:4223415
 3:48 pm on Oct 28, 2010 (gmt 0)

Well maybe I shouldn't say "You can't"...

I will say, You shouldn't. :)

rocknbil




msg:4223442
 4:26 pm on Oct 28, 2010 (gmt 0)

While it's n0ot efficient to do .classname span, it's perfectly legitimate. It also leaves you open to specificity problems. Given birdbrain's test, the best bet is you have some other css on span that's overriding it. Check it out with Firebug.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved