HELP! changing font size in tables?

[crow]

Hi,

 

Am using html inside the category descriptions, but I want to make the text the same size as the default but my text is inside a table.

 

I've used <font size="1"> but unfortunately this is still big.

 

If I use <font size="-5"> the size is still as big a size 1.

 

Does anyone know how I can make the font size smaller?

 

Thanks! :)

 

Tim

[bluepony]

The default text size is the "main" class in the stylesheet.

 

You should be able to use that class in just about any element inside your product description:

 

<td class="main">my table column...</td>

or

<p class="main">my text...</p>

[crow]

Thanks Henry,

 

I understand that you are using the main class from the stylesheet? however, I have been unable to get it to work with my table.

 

<table width="892" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
 <tr bgcolor="#FF00CC"> 
   <td width="180"><font size="1" face="Arial, Helvetica, sans-serif"> </font></td>
   <td width="102" align="center"><div align="center"><font color="#FFFFFF" size="1" face="Arial, Helvetica, sans-serif"><strong>TALK 
       25 </strong></font></div></td>
   <td width="102"><div align="center"><font color="#FFFFFF" size="1" face="Arial, Helvetica, sans-serif"><strong>TALK 
       50 </strong></font></div></td>
 </tr>
 <tr bordercolor="#FFFFFF" bgcolor="#DFEFFF"> 
   <td><strong><font size="1" face="Arial, Helvetica, sans-serif">Monthly Line 
     Rental</font></strong></td>
   <td bgcolor="#FFFFFF"><div align="center"><font size="1" face="Arial, Helvetica, sans-serif">35.00</font></div></td>
   <td bgcolor="#FFFFFF"><div align="center"><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">40.00</font></div></td>
 </tr>
</table>

 

if you take this for an example, what would I need to change?

 

Thanks very much for you input! :)

 

Tim

[bluepony]

<table width="892" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr bgcolor="#FF00CC"> 
? <td width="180" class="main"> </td>
? <td width="102" align="center" class="main"><b>TALK 25</b></td>
? <td width="102" align="center" class="main"><b>TALK 50</b></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#DFEFFF"> 
? <td class="main"><b>Monthly Line Rental</b></td>
? <td bgcolor="#FFFFFF" align="center" class="main">35.00</td>
? <td bgcolor="#FFFFFF" align="center" class="main">40.00</td>
</tr>
</table>

[crow]

Thanks VERY much! :lol:

 

that has helped so much, though I had to change the font size in the stylesheet to make it smaller.

 

The font color was omitted in your example to me, is that easy to put in?

 

I did this :

<table width="892" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr bgcolor="#FF00CC"> 
 <td width="180" class="main"> </td>
 <td width="102" align="center" color="#FFFFFF" class="main"><b>TALK 25</b></td>

 

is this incorrect?

[crow]

I just realised that the font color would normally be defined in the stylesheet, therefore being the default colour of black.

 

I created a class called tm.main

 

tm.main {

 font-family: Verdana, Arial, sans-serif;

 font-size: 8px;
 
 color: #FFFFFF;

 line-height: 1.5;

}

 

if there a way I could either force the colour or use this alternative class instead?

[bluepony]

Yes. You can specify a class and then override it with an inline style.

 

This example uses the "main" style from the stylesheet, but then it overrides the font size. It still inherits all of the other attributes from the "main" class:

 

<td align="center" class="main" style="font-size:18;">35.00</td>

 

You could do the same with the color. Specify one color in your stylesheet and then override specific items with an inline style:

 

<td align="center" class="main" style="color:red;">35.00</td>

 

One note about your class naming, I wouldn't use "tm.main" as that won't be recognized by the "<td>" tag. The way you have it named would only apply to a "<tm>" tag if there was such a thing. If you want to create your own style for a table column you would need to name it "td.mystyle" or just ".mystyle". :)

[crow]

OH I C !! EXCELLENT !! Thank you very much. Thats made it all so clearer now.

 

Thank you very much for time and contribution towards helping me on this problem Henry!