Welcome to WebmasterWorld Guest from 174.129.151.95

Forum Moderators: not2easy

Message Too Old, No Replies

Can't style object

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

WebmasterWorld Senior Member 5+ Year Member



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?
2:23 pm on Oct 28, 2010 (gmt 0)

5+ Year Member



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.
3:25 pm on Oct 28, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi there andrewsmd,

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

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

5+ Year Member



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

I will say, You shouldn't. :)
4:26 pm on Oct 28, 2010 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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.