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 graphic design) 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... but remember the disclaimer at the top.)

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 folks,

Aaron

Hello Aaron,

If you are worried about the index splash image then you should be fine. " index_0*.jpg " is at 186 x 151 pixels which is fine.

However your frameset " <frameset cols="750,*" frameborder="no"> " is where the issue would be. If the screen size is 1024x768 then your menu will show up. If it is at 800x600 then you lose the left menu where your main navigation is located. So you will have two choices without any major modifications.

1) change the framset from
<frameset cols="750,*" frameborder="no"> to
<frameset cols="*,250" frameborder="no">

or

2) change your frameset on the index/default page to:

<frameset cols="250,*" frameborder="no">
<frame ID = "NoName2" name="NoName2" noresize src="http://aarondobbin.com/blogger">
<frame ID = "NoName1" name="NoName1" noresize src="/indexleft27.html">
.................................

To me this would be the easiest way around this.

Good luck!

Is it really that easy? Would doing that automatically scale down the images inside the frameset? I will try it today...

-Aaron

PS: embarrassing - Embarrass \Em*bar"rass\, v. t. [imp. & p. p. Embarrassed; p. pr. & vb. n. Embarrassing.] [F. embarrasser (cf. Sp. embarazar, Pg. embara?ar, Pr. barras bar); pref. em- (L. in) + LL. barra bar.]

1. To hinder from freedom of thought, speech, or action by something which impedes or confuses mental action; to perplex; to discompose; to disconcert; as, laughter may embarrass an orator. See: Aaron.