HTML images distortion

[Chiefboats]

This may be something I'm missing since I'm new to development using only html editors, but when I load a page into a frame the images tend to destort. Is there a tag that I'm not using that will keep the images showing in a fixed size?

 

[StuartJones]

could you post a link to the page, or the code?

SJ

 

[joezapp]

are you sizing the images explicitly or placing them within a sized frame / other html element ? If so you could be changing the width/height ratios and distorting the images in this way.

If this is the case - to resize the images correctly try either:

a) Using a program like Paintshop Pro (

http://www.jasc.com

for a free evaluation download) to either resize / crop the image to your desired dimensions.

b) Ensure that you alter the width and height of the image equally. You should be able to find the image dimensions by using right-click/properties from your desktop in windows.

If the image is 100px high and 150px wide, resizing in the html to 50px by 50px will distort it considerably (it'd be fine at 50px by 75px.)

the html for explicitly defining image size:

<IMG src=&quot;

http://yourimagepathhere&quot;

alt=&quot;imagedescription&quot; width=&quot;10&quot; height=&quot;&quot;></IMG>

I hope this all makes sense.

cheers

Joe