font size in tables

They have: 122 posts

Joined: Jun 1999

I'm not doing anything to test this out, but couldn't you change the default font tags with CSS? If that doesn't work out, you could do something with javascript to shorten the length of it. You might have to insert the font tags in everyone though.

[This message has been edited by Arielladog (edited 09 April 2000).]

They have: 89 posts

Joined: Jul 1999

I'd like to reduce the font size in my tables, here: http://2kcut.com/cold-steel2.shtml

but found that this code does not work:

<Table border align="center" width="100%">
<font face="Verdana, Helvetica, Arial" size=2>

<!--Top Row-->
<TR VALIGN="bottom">
<TD ALIGN="left">Item #</TD>
<TD ALIGN="left">Description</TD>
<TD ALIGN="right">Your Price</TD>
<TD ALIGN="left">Click to Order</TD>
</TR>

will i have to put the font tag in EVERY <TD> tag? please don't say it's so.

and can you please tell me how to reduce the size of the "Click to Order" column?

thanks..
~ Carole

------------------
Knives, cutlery & sharpeners: Millennium Cutlery
ICQ: 65454647
....always looking for related subject banner/link exchanges.

Military & Combat Knives. Hunting & Fishing Knives. Pocket Knives.
Kitchen Cutlery. Sharpeners.

Enter our Monthly Drawing!!

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

You can't change the font that way because it is a nesting error -- the font tag doesn't fit in that container -- you are trying to put your fridge in your oranges, if you know what I mean.

With CSS, you can add class="smaller" to every td tag that you want to have smaller, or if all tables everywhere are going to be smaller, simply add this to your head tag on every page...

<style type="text/css">
<!--

table, tr, td {font-size: smaller;}

-->
</style>

or! learn how to create a global stylesheet and do it once and add only this to every page...

<link rel=stylesheet type="text/css" href="style.css">

Global stylesheets are the best for standard stuff -- like font colours, sizes, background images, that sort of thing, then local style sheets (the first option) for tweaks to specific pages, items that are only for a specific page like positioning, things that are only on one page and are repeated -- like if you have ONE table on ONE page that needs to be smaller. Inline style sheets would be if on the site, on the page, one cell, one tag needs to be different -- then you can do this:

<td style="font-size: smaller;">

Got it?!

Suzanne

------------------
Zero Cattle
Suzanne
Tables DeMystified

They have: 89 posts

Joined: Jul 1999

Whew! Just when I think I've got this stuff down, I find out how much I have to learn.

I don't know ANYthing about CSS.
Any tips on links to learn what I need to get a grasp on it?

I got a little of what you were saying, but without the CSS piece, I'm afraid it's clear as mud right now.

Much appreciated.

Military & Combat Knives. Hunting & Fishing Knives. Pocket Knives.
Kitchen Cutlery. Sharpeners.

Enter our Monthly Drawing!!

AndyB's picture

They have: 344 posts

Joined: Aug 1999

here's a nice 'n' easy CSS place
http://vzone.virgin.net/sizzling.jalfrezi/iniframe.htm

edited to make sense - the link you want is in the menu frame on the left when you get there.

[This message has been edited by AndyB (edited 09 April 2000).]

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

www.inforamp.net/~suzanne/index/links.htm#css is my pile o links on the topic -- and some explanations of what is good and why.

Suzanne

------------------
Zero Cattle
Suzanne
Tables DeMystified

They have: 89 posts

Joined: Jul 1999

Thanks guys...
always looking for something to keep me out of the bars

------------------
Knives, cutlery & sharpeners: Millennium Cutlery
ICQ: 65454647
....always looking for related subject banner/link exchanges.

Military & Combat Knives. Hunting & Fishing Knives. Pocket Knives.
Kitchen Cutlery. Sharpeners.

Enter our Monthly Drawing!!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.