Sort of OT: Scanning Hamilton pics for the web

[grow_your_own]

I'm in the process of creating a web site to show off my pics of the
Hamilton World Road Championships. I want to scan my pics, but I'm not too sure what resolution I should use for a web site. My scanner (Epson 1250 Photo) supports up to 1200dpi, but I can select an option in the software that lets me scan at 96dpi if the pic is going to be displayed on the web. Should I use this option, or scan at 1200dpi and reduce the size of the image down to no more than 150kb or so to make it bandwidth friendly?

[grow_your_own]

Hmmm, I seem to have a bigger problem. I had my horizontal rule and validator icons' postions set to absolute in my CSS sheet. But that caused the bottom 2 pics at
http://members.rogers.com/budgellb/road.html to appear with my validator icons and horizontal rule overtop of the pics. So I changed the positioning to relative and now the horizontal rule, validator icons, and copyright notice all appear overtop of my pics. They should all appear at the bottom of my page, below all the pics, like this. . .

[Manson Slut]

scan at whatever resolution you want to archive the photos...for the website use your photo software to resize the photo to 72dpi resolution and then pick the size of the image you want (in pixels: 600x400 or whatever). You'll also have the option of using more or less jpeg compression to go for the file size target you're after...I would suggest doing a "thumbnail" page of very small images which, when clicked open a page with a larger image of around 150-200kb.

[yifin]

I'm not entirely sure what you want to do here, but your image should hold its size if you use width and height tags as well as the src and alt tags.

Try it and see if that is what you want.

Or you could experimemnt with various CSS

[grow_your_own]

OK, so I've scanned a few of my pics so far and put them up on my site here ---> http://members.rogers.com/budgellb

I still have lots more to scan though, and I will add them over the next few days.

But I have one question, how do I set up my HTML so that when someone makes their browser window smaller all the text, pictures, icons, horizontal rule, etc. on my page doesn't get all scrunched together?
I want it set so that everything stays where it is, even if the person viewing the page changes the size of their web browser.

[naraku]

Here's a simple format I use: (use view source in your browser, and save it and use as you see fit.)
http://www.dragonswest.com/market/market.html

I probably should spend some time tomorrow whipping up a program to do these as most of the work should be.

1. How many boxes
2. Home URL
3. Thumbnail prefix (usually t ot tn)
4. Top description
5. Image descriptions

Pretty much all the rest is repetition.

[saintcarvin]

Test reflowing is a feature of HTML, not a problem. If someone wants a smaller window, let them do it. Don't fight it.