A Quick Question

They have: 2 posts

Joined: Dec 2004

I have never done a site thats content has spread across the entire page (width="100%") I've only done (width="750"); and my screen resolution is 1024 by 768. How do I make it so visitors with different resolutions such as 800 by 600 can view images properly without having them too big or too small for what I intend them to be?

Busy's picture

He has: 6,151 posts

Joined: May 2001

either fix it to the smaller size (to suit 800x600) or use width="100%" (perfered)

Jack Michaelson's picture

He has: 1,733 posts

Joined: Dec 1999

So you want scaling images huh? Wink

There are 2 main ways to do this:
-You can let the browser scale them, but hey... there goes image quality.
-You can make several images for several screen sizes. Then let a javascript function decide which image to display.

There's also a third option, which is a combination of these 2 above Wink By the way: I wouldn't check on resolution, but on client's height and width, which is the actual size of the user's active browser window.

Does this help?

Shakespeare: onclick || !(onclick)

Greg K's picture

He has: 2,145 posts

Joined: Nov 2003

Jack Michaelson wrote: You can let the browser scale them, but hey... there goes image quality.

Not only do you loose image quality, no matter what size the browser reduces the image to be displayed, the visitor still will have to download the full size images. HEIGHT and WIDTH for images should be used what they are ment for, to tell the browser what size image to expect and leave room for. They are not ment to be image editing tools.

-Greg

They have: 2 posts

Joined: Dec 2004

Thanks, guys, this helped all right!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.