PSD -> HTML?

[GlobeTrotter]

I downloaded a basic template from http://www.templatesbox.com/templates, adn pretty much edited everything about it by modifying the PSD file. I moved some of the slices, changed text, changed, images, etc. My problem is that when I click save optimized for web, I get an HTML file, but the text has been turned into a picture. How do I export the PSD to HTML so that images are saved as jpegs, and text is saved into the HTML?

[rdrake]

What you're gonna have to do is save everything except the text using the "Save optimized..." option like you have been. Then you're going to have to change the content text slice from an image to the background image for the cell like so:

Open the html file with any text editor.

code:

<img src="image.gif" height=100 width=100>

becomes

code:

<td background="image.gif" height=100 width=100

Then paste the text you need displayed between

code:

<td background="image.gif" height=100 width=100

and

code:

</td>

Save and it should be done.

[GlobeTrotter]

How do I not save the text?

[rdrake]

Hide the layer by click in the little eye icon beside it, then export the document, then follow the instructions I gave.

If that fails, then delete the text layer (make sure you have a copy of it somewhere), and then follow the instructions.

Keep in mind that the pixel values I gave are almost certainly not accurate, you're going to have to get those from the <img> tag which you're removing.

[theguru]

I recommend using div layers. I'm not very good at it but it's basically like the background feature but it places the pic anywhere you want on the page. Then you can place the text ontop of it.

code:

<div style="position:absolute; left:100px; top:100px; width:250px; height:100px; background-color:#CCCCCC; overflow:auto">div text goes here.</div>

or something like that. sorry if my codes wrong