Forum Moderators: open
...not give me the same font size as this mark-up:
<p style="font-size: 13px; text-align: left; font-family: verdana, arial, helvetica, sans-serif;">
<table>
<tr>
<td width="12%"><b><font size="-2">Type</font></b></td>
<td width="27%"><font size="-2">Digital</font></td>
<td width="18%"><b><font size="-2">Recording Format</font></b></td>
<td width="43%"><font size="-2">Mini DV</font></td>
</tr>
</table>
</p>
Having said that, you aren't allowed to nest table elements inside p elements. You'd be better off styling the table directly.
<table style="font: 13px Verdana, Arial, Helvetica, sans-serif; text-align: left;">
<tr>
<th width="12%"><b>Type</b></td>
<td width="27%">Digital</td>
<td width="18%"><b>Recording Format</b></td>
<td width="43%">Mini DV</td>
</tr>
</table>I also took the liberty of compressing your CSS slightly. If you'd like to write a little more about what data your table contains and how you want it laid out I can help you write it in a more accessible way as well.
OK, I see what's going on now. This is for an ebay auction template right? ebay's code is generally not great and they miss out one of the more important parts of a website - a doctype statement. doctypes tell the browser what sort of code the page is written in: html or xhtml and the various different flavours of. Historically doctypes weren't used that much so browsers these days use that fact. They have a thing called quirks mode, where if they don't find a doctype on a page they try and render it using the quirks and idiosyncrasies of older browsers.
One of these quirks is that tables don't properly inherit font sizes. I think the original template designer has seen this and used the font tag inside each cell to try and compensate for this.
The reason why you can adjust that text and nothing else is due to a bug in IE. IE won't let you resize fonts that are specified as having a pixel size (like most ouf your page). If will however let you resize fonts that are specified as a relative size - in this case our font tags which are saysing to the page "make this text two sizes smaller".
Now, the reason as to why you're seeing your fonts bigger. Well, for a start, we can make sure that all the text is inheriting its sizes properly. I don't have a copy of IE to test this on around so it might be overkill but you get the general idea.
<strong>FEATURES:</strong>
<table border="0" width="100%" style="font-size: 13px; text-align: left; font-family: verdana, arial, helvetica, sans-serif;"> <tr style="font-size: 100%;">
<td style="font-size: 100%;" width="12%"><b>Type</b></td>
<td style="font-size: 100%;" width="27%">Digital</td>
<td style="font-size: 100%;" width="18%"><b>Recording Format</b></td>
<td style="font-size: 100%;" width="43%">Mini DV</td>
</tr>
<tr style="font-size: 100%;">
<td style="font-size: 100%;" width="12%"><b>Recording System</b></td>
<td style="font-size: 100%;" width="27%">NTSC</td>
<td style="font-size: 100%;" width="18%"><b>CCD Quantity</b></td>
<td style="font-size: 100%;" width="43%">1</td>
</tr>
</table>
You see what we're trying to do here - make sure that each cell inherits the size properly from its parent. Usually I'd do a much better job on that code but you're hampered by it being stuck in an ebay template and to be honest you'd probably rather carry on using the software you've already got right?
Let me know if this helps.
