Wed, 2012-02-08 22:12
I have a page with code such as:
<table > <tr><td class="mobiletitle" ><span class="mobilefont">David Ben-Gurion</span></td></tr>
etc.
But the mobilefont class, which is supposed to make the text large, is not working.
It looks like:
.mobilefont { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px; }
Any help is appreciated.
You can see the page itself at:
http://www.zionism101.org/mobile/mFF_Gurion.aspx
-- Gid
//mode edit: Please read the how to post thread. I have edited this post to add bbcode. ~gt
Thu, 2012-02-09 10:00
#1
First thing to test for is
First thing to test for is specificity, has your class a high enough 'Weight' or are other stated rules actually managing the font-size for this element. One way to check this is to get used to using tools such as Firebug for Firefox which will allow you to examine an element and to see what rulesets are associated with that element and which are actually applied and which have been countermanded by a stronger rule.
You can test quickly for specificity by adding weight to your ruleset selectors e.g:
#some-parent table tr td.mobiletitle span.mobilefont {}
That is an overstated selector set simply to ensure the ruleset did have a higher weight than any other.