In working with a table, say 3 columns wide by 10 rows high, I have an image in the upper-left firstmost cell. Say the image is 200 wide. 5 rows down, I have an image 100 wide in the same column. The cell is rendered as wide as the one with the 200 wide image, causing unwanted white space between it and the next cell in the row.
In the past, I have just nested another table in that row, and was able to size the cells however I wanted. But since reading BT's findings on not going deeper than 2 nested tables (I already have 2 nested), I don't want to do this.
Is there any way to work around this, without using nested tables? I hope this makes sense.
A column is always going to be at least as wide as the widest item anywhere in the column. As tedster suggested, colspan tags can often get you around it. If the upper left cell spanned two columns, the next widest element in the left column would then become the minumun column width.
Thanks guys, playing around some more with colspan/rowspan did it. I was already trying to make it work this way but had too many instances of them not jiving with each other. The page I am working with is a bit more complex than the simplified-for-posting-clarity example I used above, but you pointed me in the right direction.