Originally posted by .:kSaL:.
but since the pic is in the body tag it takes to much time to dl it
the lay out is basicly the same i just want to dice it up so the load time is much faster
If I may quote from Thomas A Powell, in his book titled..
"The Complete Reference - HTML"
"Another interesting fact of TCP/IP on web pages is the slow-start mechanism. Many people are very concerned about optimizing images to the smallest size, but anyone who has used the Internet to download large files has seen download rates start slowly and increase to a maximum speed. This is TCP/IP in action. Does a page with one big image load faster that a page with ten small images? The large image beats the ten small ones without trouble."
I would sugest that (if download time your main concern) leaving it as one big graphic. (There is a program that resizes the background to fit variable resolutions, but i can't seem to find the link, I know someone here will have it - it is just brilliant).
If you want to slice the image into tables as you say, you will need to either use "any" (including Photoshop <5 - but not Photoshop 5.5 and above) graphics program and hand code the links into the table like so....
First decide the layout of the table and set obsolute widths for each and every cell. Once you have done that, go to the image and select the piece of the pic that goes into (say) the first cell - lets say its w=20 and h=30. Select this size peice of the image (how will depend on what program you are using), copy this portion and export (or "save As") to the directory. (Lets call it MYPICSLICE1.GIF). Now code the cell accordingly.
(Ive put the second slice in to..)
<table width... etc>
<td width="20" height="30" align="left"><img src="MYPICSLICE1.gif" width="20" height="30" border="0" alt="" ></td>
<td width="220" height="30" align="left"><img src="MYPICSLICE2.gif" width="220" height="30" border="0" alt="" ></td>
Remember, if you have set cell padding or cellspacing above "0", it will change the position of the image., set them to "0" for now until you get the images setup.
If the two peices fit together, set them as the background for each cell.
If you have (or go get) Photoshop 5.5 or above, it will do the slicing in about two minutes.
I will send you the sliced version of the optimised image.
Hope this helps