centering an image WITHIN a cell

i know this is basic...i've tried align..i've tried center...how on earth do you center an image withing a a cell table (i.e, between the td tags in a table)if the image is smaller than the cell, because by default it keeps aligned to the right?

is there a css way of doing this so that images are centered in the middle of a cell in a table (meaning there is equal space on either side of an image within a cell) by default?

thanks folks.

to clarify, i know that td align = "center" works, but how can i do this css style so i dont have to have redundanct code for every td tag?

For horizontal alignment use text-align: center; and for vertical alignment use vertical-align: center;.

You can also simply specify the image alignment w/in the image tag itself:

cool, that was something i was looking for, however with the "text-align:center" the image AND the text gets centered. I only want the image to be centered, and for the text to still be left aligned as default. Is there a css way to do this? (right now im resorting to tags within the html tag, but it seems redundant and messy.

okay,

make a class called imagecenter and have it:

imagecenter{
text-align:center;
vertical-align:center;}

and in the image tag:

<img src="img.gif" alt="Piccie" width=50 height=50 class="imagecenter">

and delete what is in the td tag you put in above.