tables, and getting the design I want

[Connie]

I have the overall design I want to have on my website, except no google ads.

The host put that there, without disclosing the inexpensive host plan would have ads put on your website. I am migrating over to a reasonably inexpensive host, having no ads.

I am willing to consider the reasonably discreet "Ads by Google" this website has: http://www.abc-of-rockclimbing.com/

I have put this information, for the overall design goal.

That said, I'd really like to put a collage of product photos, with fades on the edges perhaps, over on the "unused" right hand side of the webpage for folks that have big and wide monitors. For that reason, I would like the "table" containing the photo collage to resize-to-fit however not resizing the existing page.

My "concept" is to have mouse-over links direct to offsite sales, if do-able.

This would make my website more visually interesting and more convenient, for people that are not "readers".

Is this possible? How? Sample code? Code to cut-and-paste?

If your don't realize it, I have "adapted" the code to display on all older computers and to be handicapped accessible. I do want to maintain these principles.

If I can't. I will keep the dot info website, "as is". I will put the photo-collage, different for each page, on the dot com website of the same domain name I have reserved. I could refer to that website, as my "broadband" website.

[Kayo]

If you want some inspiration, go to cssmania.com. You don't need anything complex. Simple and clean would work just fine. He are some examples that I dug up on cssmania.
http://www.andandoslowtravel.com/home/
http://www.africaaway.com/
http://www.vongratkowski.de/
http://www.smallestphoto.com/
I also suggest putting the navigation somewhere you could see it without needing to scroll.

As for making the website itself, it's time to bring out the good old notepad. If you keep things simple, you could make websites like the examples above by hand coding. The only time you really need to copy and paste copy is when you want special effects. If you are going to do that, I suggest lightbox 2 for photos.

[womble]

kayo is right about the navigation - moving it to the top would make ie easier to navigate - imagine returning visitors having to scroll down just to find the page they wanted - a turn off - as for the gallery - you just need to create a floating div off to the right and fill with images embedded within links.

[Connie]

Like this? http://www.webmasterworld.com/forum83/8033.htm

images embedded with links? I have alt behind images.

okay.. make a polygon. hmm..

Well, I did get the website moved over to the new host (no ads).

I will learn to make nice buttons for the top. The present links-as-words don't look great up top.

I have helpful pointers from here at the forum: you have pointed me at the answer.

Is there more direct help available online? Or instead.. I could thrash over this stuff thoroughly the next time I get an internet account and by trial-and-error get it right. start here? http://www.extension.iastate.edu/HTML/IMAP/

From the coffeeshop, I am

[Connie]

I found this, at catcode.com/linkguide/clickimage.html

This, I guess, would be a link "embedded" in a photo.

Next, I will try out getting the floating div off to the right.

[aeroweb99]

Your code has a lot of depricated tags, not good. Although you can get away with it for a while, it would be a good time to start learning xhtml transitional, especially if you are new to web design. It's not a difficult transition, but a must.

[aeroweb99]

Looking at your question again, there is a big difference between "image maps" and "image links"
Image map: Lets you select one or more "hotspots" in a single image and allows you to link to different pages.
Image link: Lets you use the whole image for one link. Just insert the image inside an <a> tag.
ex. <a href= "yourpage.html"><img src="yourimage.jpg" alt="imagename"/></a>
Image maps are more complex and since you are a beginner I would stick with image links to start.