Even spaccing between thumbs in a table?

[Juicy D. Links]

Cellpadding = 0 and cellspacing =o ?


I have issues

[baddog]

I hate that stuff myself . . . if you hit me up on ICQ I can send you a template that you can use

[Juicy D. Links]

auth me

[Jer]

If you post the URL here I'll to try help ya

[ZoiNk]

just use td width of like 20% for each one if you have 5 thumbs, 25% for 4, etc. Makes them nicely spaced out if they are all the same size thumbs.
ZoiNk

[stocktrader23]

div?

[Dynamix]

use a spacer image inbetween each thumb, and align them in the center of the table cell.

(td valign=top align=left)
(img src="thumb.gif" width=90 height=120)
(img src="spacer.gif" width=3 height=120)

spacer.gif should be a transparent gif 1px x 1px.

works for me in my designs..

[sake]

cellspacing = 2

[Jer]

I'm not sure what you need, Juicy, but would this work?

(img src="" hspace="2" vspace="2")

horizontal and vertical space

[Coyote]

It depends on whether you want the table to resize or remain a fixed width.

Let's say you have six columns and x number of rows. You want the six columns to remain a consistent width regardless of image orientation, then do this,

6 cols to fit is 16% each and the table resulting width = 96%

The easiest way to do this is to set the width on a blank header row, then start your normal table rows with images in each of the 6 cells. Using a header allows your property settings to affect the entire column.

Having a fixed width table will require you to manually compute the width of each header cell for the width of the table based on the unit of measure you use, px, pt, in, etc. If your table width is ~ 500px, then your cell width will be 83px, resulting in a table width = 498px.

This is assuming you have no border, spacing, or padding set for the table. If you have any of these properties set, then the box model will change.

Hope that helps.