need help with css to have a 50px image with padding border

[kets786]

Hi,

I need some advise on how can I do the following:

1. have 50px width 50px height image placeholder in a td tag
2. have padding 5 px around the image and then a border.
3. I want the td tag to be say 100 px width and height, and want the image place hold to be in the center.

To be more specific I am trying to have the "image format" like the following yahoo answer link:
http://answers.yahoo.com/question/in...4003022AAmKIHL

Hence, I am trying to get a Image with 5px pading surrounding a border

Could someone please advise me the best way to implement the css.

Thanks,
Ket

[Aso]

Give the <td> tag an ID of holder, like so

Code: Select all

<td id="holder">

The use the following CSS

Code: Select all

#holder {
width: 100px;
height: 100px;
text-align: center;
}
#holder img {
vertical-align: middle;
padding: 5px;
border: 1px solid #fff;
}

If you want further help, please post your code (or a link to it)

HTH

[kets786]

ah perfect, it works perfectly thank you sooooo much, very much appreciated.

Thanks