There Has To Be A Solution!

[cezhart]

I have a site....www.cezannesgarden.com....My problem is that I can only get my opening page to look exactly like I want it to if I design it in an art program first & then add that page to my site map. I'm not able to make any graphic on that page a link you can click on because of how it was created. So, I overlapped some of the same graphics (type keys) on the site page so it would work. Now, I can't get them to line up. If you expand the page it will line up, but not every person will do that & then it's confusing. Does anyone have any suggstions?

Thanks!

[Samrc]

2 ways to do it:

 

1) create an image map with image software with hot spots on the image. Place the image and code into an Insert > HTML.

 

PREFERRED:

2) Modify the image with no linking text (title is fine)

Place your image into the background as usual

Make a table on the page

Insert TRANSPARENT images into the table

Right click on the image to link it to another page (selection or URL)

 

I made a quick sample here for reference.

I placed two tables on the page (one showing border, one invisible).

Each has two linked transparent images. (attached one of them to this post too)

 

Using tables allows you to place images, text, etc exactly where you want it on the page! On your web page, your large background image was CUT OFF on an 800x600 screen resolution. In my quick sample, I adjusted the image to 800 wide and centered the tables over top of the image.

 

BUT, I strongly recommend you break down the project like a recipe. Don't make a casserole with all ingredients thrown together into one large image. Put in each ingredient separately, carefully, for best results! Consider a small plain brick wall background image, set to fully tile across and down. It will load faster. Then insert all your pieces into the page: title caption, text, images, etc. You will have no outer area that does not match the page, no matter what size resolution the visitor uses. Take a look at this second, BETTER example. The plain brick background spreads over the ENTIRE webpage. Images and text float over the background with the help of 2 invisible tables: one for the title and tag line, the other for the images. Best solution.

 

Need help with transparent images? Check this out:

http://www.samisite.com/photo/id35.htm

 

Be sure to bookmark/add to favorites these websites for CSB assistance that will really come in handy.

KW: http://www.csbsupport.com/index.htm

Curtis: http://www.cmg02.com/webmasters/

Sam's: http://www.samisite.com

Templates by Richard: http://www.rjskon.com/templates/

 

And of course the Globalscape forum specifically for CSB users!

http://www.globalscape.com/board/default.asp?b=1

 

-Samantha

[Lianna]

Great Post Sam!

[Samrc]

Thanks! You and KW tought me well.

 

I don't often wander the board here at TCH, except for the CSB area and a couple others so it's great to see you! I miss your input!

 

-Samantha