boomer

Help,

First the disclaimer: I am new at this... I am learning... but, I
actually have no formal training in web development! So...

I hacked together a personal (soon to be a freelance) website... no
not hacked! But rather I've survived the building process so far - by
throwing what little web design knowledge I possess together into a
final homepage.

And then when I was all done, someone tells me that the layout is too
big for some lower resolutions to view effectively - i.e. creating a
need to scroll down - when this should not be required with the design.

So... here I am with 56 random low-tech html pages that cycle through
at random to provide a new homepage each time a viewer comes to the
site... and I now fear that the site design is hurting due to the
original size/scale that I created the graphics.

(Ok, I realize that 56 individual pages may have been a dumb idea.)

I know that there is a way for javascript to display a large image at
a reduced scale on a page (say a 250pxl x 250pxl image - displayed at
150pxl x 150pxl, for example).

So, my question is: How would one do that with a table of images - a
total of 8 cells containing a sliced photoshop image - and keep the
table centered (left/right) in the frame.. without doing a major
overhaul on 56 individual pages?

In my fantasy world, this fix would be a snipett or code that I could
cut and paste into the source code of 56 html docs that would keep the
table centered in the page, and reduce the images-table contents by a
set percentage - across the board - no matter what the viewers
resolution would be.

However, if the fix has to be dependant on fiting different viewer
resolutions - and would be one to adjust itself on the fly for each
surfer - that would be ok too.

So, please take a look http://aarondobbin.com - check it out a various
resoultion depths and tell me if I am over reacting, or if there is
really a concern there.

And maybe, just maybe there's a quick-fix to this type of problem.

Lost without you,

Aaron