Date: 09/12/06 (WebDesign)    Keywords: no keywords

Good day everybody!
I'm having a probem with "width" attribute in "img src" tag, when using it with percent
and not pixels value.
I'm creating a table of one row, each "td" of which will contain an image only, in
resized smaller version.
I do not want to create a separate thumbnail for each image, thus I'm using
'img src="myImage.jpg" width="25%" ' in each "td" to make them smaller.

BUT - each cell becomes very wide!

instead of


If I use width=100, for example, (in exact pixels) for my images, or do not use "width"
attribute at all -- each cell has no empty space around an image (both in resized and
original size), and fits it tight.
But the moment I resize the image, using the "width" with percent -- again the cells are
deformed, leaving much space around each image!

I tried to diminish each cell manually, by inserting width attribute into each "td"
with smaller size - but it does not work.
Is it possible to overcome that problem?

Thank you very much!

Source: http://community.livejournal.com/webdesign/1163446.html