Welcome to WebmasterWorld Guest from 54.205.96.97

Forum Moderators: not2easy

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.
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month