| | |
A CSS Question - Stoping Fonts from Becoming Giants!
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
Hmm... Please excuse my technical knowledge [ Which you will see from my question :evil: ] .
My question is that I created a table on the bottom of my page my page. What I want to do is that I want the font size absolutely fixed... i.e. if someone chooses View > Text Size > Largest ... then the font size must remain the same as I defined [ Verdana , <b> and 10pt ] rather than getting larger than this.
BTW I used CSS Class something like this
.navhead { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}
I would appreciate any help in this matter.
My question is that I created a table on the bottom of my page my page. What I want to do is that I want the font size absolutely fixed... i.e. if someone chooses View > Text Size > Largest ... then the font size must remain the same as I defined [ Verdana , <b> and 10pt ] rather than getting larger than this.
BTW I used CSS Class something like this
.navhead { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}
I would appreciate any help in this matter.
Have you tried .navhead { font-size: 10pt; } ?
Dani the Computer Science Gal 
Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds

Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds
Uhmm... No Luck.
Here's the exact code that I am using -
CSS - .premium-partners { font-size: 10pt ; font: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}
HTML - <div class="premium-partners">
<table border="1" cellpadding="2" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" bordercolorlight="#3E5C92" bordercolordark="#3E5C92">
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" align="center">
<tr>
<td width="100%"><b><font face="Verdana" size="2" color="#990000">Our
Premium Partners </font>|<font face="Verdana" size="2" color="#3E5C92"> <script language='JavaScript' type='text/javascript'>
<!--
if (!document.phpAds_used) document.phpAds_used = ',';
phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
document.write ("http://www.pulsetoday.com/adserver/adjs.php?n=" + phpAds_random);
document.write ("&what=zone:3");
document.write ("&exclude=" + document.phpAds_used);
if (document.referer)
document.write ("&referer=" + escape(document.referer));
document.write ("'><" + "/script>");
//-->
</script><noscript><a href='http://www.pulsetoday.com/adserver/adclick.php?n=a0e155e4' target='_blank'><img src='http://www.pulsetoday.com/adserver/adview.php?what=zone:3&n=a0e155e4' border='0' alt=''></a></noscript>
</font></b></td>
</tr>
</table>
</td>
</tr>
</table> </div>
Am I missing something ?
Here's the exact code that I am using -
CSS - .premium-partners { font-size: 10pt ; font: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}
HTML - <div class="premium-partners">
<table border="1" cellpadding="2" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" bordercolorlight="#3E5C92" bordercolordark="#3E5C92">
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" align="center">
<tr>
<td width="100%"><b><font face="Verdana" size="2" color="#990000">Our
Premium Partners </font>|<font face="Verdana" size="2" color="#3E5C92"> <script language='JavaScript' type='text/javascript'>
<!--
if (!document.phpAds_used) document.phpAds_used = ',';
phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
document.write ("http://www.pulsetoday.com/adserver/adjs.php?n=" + phpAds_random);
document.write ("&what=zone:3");
document.write ("&exclude=" + document.phpAds_used);
if (document.referer)
document.write ("&referer=" + escape(document.referer));
document.write ("'><" + "/script>");
//-->
</script><noscript><a href='http://www.pulsetoday.com/adserver/adclick.php?n=a0e155e4' target='_blank'><img src='http://www.pulsetoday.com/adserver/adview.php?what=zone:3&n=a0e155e4' border='0' alt=''></a></noscript>
</font></b></td>
</tr>
</table>
</td>
</tr>
</table> </div>
Am I missing something ?
Well, first of all get rid of your <font face="Verdana" size="2"> tags
Dani the Computer Science Gal 
Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds

Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds
you should also use px rather than pt for screen font sizes, as pt is for print media.
Keep in mind that pt and px are not directly equivalent - i.e. 8 pt is not the same as 8 px. So don't go and change it and then thing it's wrong because the font changed size.
Dani the Computer Science Gal 
Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds

Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds
![]() |
Similar Threads
- css question (HTML and CSS)
- CSS question regarding hover images (HTML and CSS)
- Selectively Printing only Certain Divs (javascript/css question) (JavaScript / DHTML / AJAX)
Other Threads in the HTML and CSS Forum
- Previous Thread: using animated footage in a web site
- Next Thread: im a bit concerned between html, ect
Views: 3156 | Replies: 6
| Thread Tools | Search this Thread |
Tag cloud for HTML and CSS
2002 appointments asp background backgroundcolor beta browser bug calendar cart center cgi code codeinjection corporateidentity create css deleted design development displayimageinsteadofflash dreamweaver drupal emailmarketing epilepsy explorer firefox flash font fonts form format free frontpage google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft missing mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. templates textcolor theme timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 wordpress xml xsl






