I was designing my new board and was trying out various image sizes to see their effect on the board when I discovered a bizarre tendency.
First, I determined the width of the cell I wanted to image to display in because I wanted to link to an image of the same size to fill the cell (my board uses fixed width tables)
Then I created an image that was the same width as the cell (actually, 5px smaller in width) and linked to it.
Funny thing is, when the image displayed it added right space to it and distorted the width of the table even though it was slightly smaller than the cell.
In order to study the problem more closely I saved the page with the image to my local disk and tinkered with the image size parameters. When I used no size or fixed image sizes in the IMG tag the same distortion occurred. Equally odd, the image refused to fill the cell regardless of what fixed size attributes I assigned and always adding that right margin space. BUT, and this is the wierd part, when I set the image width to 100% it filled the entire cell and did not distort the table.
Any ideas on why that extra space is added when an image is linked and what (if anything) can be done to stop it?
- dave