[JohnG]

I've been putting together a simple way to show some photos on the web and it works fine at 1280x1024 resolution but then things start to look wrong at lower resolutions as the pictures go off the bottom of the visible screen.
I know very little about HTML so was wondering if there's any way to detect the screen resolution and then display different pages according to that resolution ?

[mrdixon]

Easy way would be to do your layout in CSS so it is fluid. Trust me, its much easier to do that than to detect resolutions.

I mean what happens when someone doesnt want to view your page in a full screen?

[JohnG]

Originally Posted by mrdixon

Easy way would be to do your layout in CSS so it is fluid. Trust me, its much easier to do that than to detect resolutions.

I mean what happens when someone doesnt want to view your page in a full screen?

You've lost me now mate !

[Bizman]

Go here and do your homework http://www.w3schools.com/css/ then practice some simple stuff first. HTH.

[JohnG]

Thanks for the link mate, that looks like a great place to learn The problem I have with HTML etc is that I'm used to programming with "proper" languages and to me HTML is not proper programming

[DLPMaybe]

I agree that CSS is the way to go. Find a simple template and base it off that. Ensure that you test IE6,7 and Firefox as if you do anything complex in CSS they tend to render them differently.

Agree with you on the HTML front. I tend to have a wash after doing HTML.

[JohnG]

They seem to recommend a book called "Build Your Own Web Site The Right Way Using HTML & CSS" as additional reading. Anyone read or have any comments on this book ?

i'd have the pics at 800width, then have option to download it at full size.

that way people with 800x600 res should see it ok and if they want it bigger have a link for download. otherwise they've just loaded a whole pic they weren't looking for.

or make smaller thumbnails for them.

[JohnG]

I've done it with a scrolling set of thumbnails at the top of the screen and then a 800x600 picture below which displays when you click on the corresponding thumbnail. But at 1024x768 it doesn't fit.

i'd have links to download at different resolutions.

[JohnG]

I'm not actually wanting to download pictures from the site, just wanting to display the chosen photo. Just to show what I've done so far, you can see a screenshot showing the scrolling selection at the top and then the image displayed below.
I've edited out the address bar as it's still in early stages yet !

[JohnG]

Actually, I've just thought, I think I'm being stupid here ! It might be best to design it at 1024x768 and then it should be ok for the higher res screens

[fourfoot]

You *could* use javascript to dynamically resize the image to fit in the browser window, then when the user clicks the image it re-sizes to its full size.

[DLPMaybe]

Originally Posted by JohnG

I'm not actually wanting to download pictures from the site, just wanting to display the chosen photo. Just to show what I've done so far, you can see a screenshot showing the scrolling selection at the top and then the image displayed below.
I've edited out the address bar as it's still in early stages yet !

That squirel is really crap at hiding.

[JohnG]

I shall name him "Not so secret squirrel"

[Bizman]

Fourfoot, big mistake, not everyone has Javascript and not all those who have, some have it turned off.

[fourfoot]

Originally Posted by Bizman

Fourfoot, big mistake, not everyone has Javascript and not all those who have, some have it turned off.

In which case it'll fall back to a fixed size with a width that'll fit most and a click will open a new page with the full size picture. Pretty simple really.