(HTML) Dont let user squish table.

[msimmons]

How do I keep a table from squishing when a user changes the width of the window? I have some 'checkboxes' in a calendar that I am building dynamicly and if I resize the window so that it is not wide enough the cells get narrow and tall breaking the appearance.
Thanks in advance,
Michael

[chrisjk]

Either specify a width in pixels (may or may not work depending on browser) or use transparent "spacer" gifs so that the cell is unable to shrink.

That works in any situation, but is a little messy

[msimmons]

On 2nd look (mmore like 584th look) I noticed it was my text labels were wraping so I threw the ol'e noWrap tag in the mix and all is right with the world (or atleast with my table)
Question:
if using the 'spacer' image trick, will it take forever to the user to recieve the page due to downloading a whole lot of spacer images?
thanks
michael

[chrisjk]

not necessarily. They only need to be 1 pixel high and as many pixels wide as required. Each one should be no more than a couple of kb at those dimensions.

Obvisouly if you used loads it would take longer but you only need one per table column for it to work.

[JoshT]

Originally posted by chrisjk
not necessarily. They only need to be 1 pixel high and as many pixels wide as required. Each one should be no more than a couple of kb at those dimensions.

Obvisouly if you used loads it would take longer but you only need one per table column for it to work.

Can't you use a single 20px by 20px image and size it thru the img tag as needed, so only one file?

[CiberTHuG]

Originally posted by JoshT
Can't you use a single 20px by 20px image and size it thru the img tag as needed, so only one file?

No, since if they are smart enough to do that, they are smart enough to know they don't need to do that.

[chrisjk]

Originally posted by JoshT
Can't you use a single 20px by 20px image and size it thru the img tag as needed, so only one file?

good point. But i'd still only make it 1px high