Website Help. How do I make an Image work at 800*600 or smaller ?

[Krueger81]

Hello,

please go to this website and look at the picture. I have created the website in 1024x768 and for some odd reason when I try to change my resolution to something lower the picture gets completly out of whack and is super hug.

I am trying to come up with a way to make it automatically shrink itself and make itself bigger as people have different types of resolutions.

Thanks
Phil

 

[igowerf]

I think the only way to do that is to detect the window size with javascript and load a different picture.

 

[notfred]

frames suck more than big images.

 

[Krueger81]

notfred that really doesn't help me out

I can get rid of the frams but it will still be the same way won't it?

Phil

 

[notfred]

The only way to resize the image to fit the browser is to either A) Use javascript to load a different image depending on the user's browser window size. or B) use CSS to make the image a width that's a percentage of the entire browser window.

You'd be a lot better off jsut making it smaller so it works on small and large browser windows.

 

[jonmullen]

Originally posted by: notfred
The only way to resize the image to fit the browser is to either A) Use javascript to load a different image depending on the user's browser window size. or B) use CSS to make the image a width that's a percentage of the entire browser window.

You'd be a lot better off jsut making it smaller so it works on small and large browser windows.

Even though it is probably better to resize the image with an ID and CSS you can do it right in the tag. <img width="" src="">

 

[Krueger81]

I fixed it. got rif of the frames