Putting a Photoshop Table up on a Website

Hey everyone,

I made a table using lines in photoshop. It has four areas. I just don't know how to make that a table in a webpage. Someone said use the Slice Tool to seperate it. When I put this up on my webpage I want to be able to type text in the two bottom boxes. In the two top boxes I have labels. Does anyone have any clue how to do this?

Thanks.

If you have a link to it, that would help greatly.

From what I can visualize, you can use the slices tool to seperate it and use the Save for web... option to make Photoshop save each idividual slice and generate the HTML for it. To make it easier later on, you should specify names from each slice using the Slice Select Tool, Right-Click and Slice Properties (?). Once you got the thing saved, open up the HTML file in notepad. Look for those names that you specified for each slice. Look for the <img> tag for it, and specify that image as the background for that cell, and also don't forget to specify the width and height for the cell, it should be the same. (ex. <td width="242" height="345" background="box1.gif"> ). Now you should be able to type in each individual cell without the images messing up. Oh and don't forget to delete the <img> tag afterwards.

But when I save as Web won't it just make them gifs?

How do I get it in HTML format?

Save as web automatically generates the HTML coding for it.

Ok, it sliced it into 6 pieces and I have the HTML for it.

What images do I upload and how do I get them so they show up on my site?

You'd upload all the files and do what I said to do before :p Then all you'd need to do is give the link to the .html file (like http://www.xilica.com/slices.html). Then you'd need to alter the coding a bit in order for you to add content.

you can use the slices tool to seperate it and use the Save for web... option to make Photoshop save each idividual slice and generate the HTML for it. To make it easier later on, you should specify names from each slice using the Slice Select Tool, Right-Click and Slice Properties (?). Once you got the thing saved, open up the HTML file in notepad. Look for those names that you specified for each slice. Look for the <img> tag for it, and specify that image as the background for that cell, and also don't forget to specify the width and height for the cell, it should be the same. (ex. <td width="242" height="345" background="box1.gif"> ). Now you should be able to type in each individual cell without the images messing up. Oh and don't forget to delete the <img> tag afterwards.

If you have problems with it contact me on AIM @: mo0chan

Aight got it. Thanks so much for the much needed help.