Welcome to WebmasterWorld Guest from 23.20.120.3

Forum Moderators: not2easy

Message Too Old, No Replies

Can't style object

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

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:June 10, 2008
posts: 1130
votes: 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?
2:23 pm on Oct 28, 2010 (gmt 0)

Full Member

5+ Year Member

joined:Mar 3, 2009
posts: 227
votes: 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.
3:25 pm on Oct 28, 2010 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 2, 2003
posts: 988
votes: 31


Hi there andrewsmd,

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

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

Full Member

5+ Year Member

joined:Mar 3, 2009
posts: 227
votes: 0


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

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

Senior Member

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

joined:Nov 28, 2004
posts:7999
votes: 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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members