Programming C, C++, Java, PHP, Ruby, Turing, VB
Computer Science Canada 
Programming C, C++, Java, PHP, Ruby, Turing, VB  

Username:   Password: 
 RegisterRegister   
 PSD -> HTML?
Index -> Graphics and Design, Web Design -> (X)HTML Help
View previous topic Printable versionDownload TopicSubscribe to this topicPrivate MessagesRefresh page View next topic
Author Message
GlobeTrotter




PostPosted: Sat Apr 02, 2005 4:09 pm   Post subject: PSD -> HTML?

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?
Sponsor
Sponsor
Sponsor
sponsor
rdrake




PostPosted: Sat Apr 02, 2005 4:20 pm   Post subject: (No subject)

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




PostPosted: Sat Apr 02, 2005 4:54 pm   Post subject: (No subject)

How do I not save the text?
rdrake




PostPosted: Sat Apr 02, 2005 5:37 pm   Post subject: (No subject)

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




PostPosted: Tue Oct 11, 2005 5:50 pm   Post subject: (No subject)

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
Display posts from previous:   
   Index -> Graphics and Design, Web Design -> (X)HTML Help
View previous topic Tell A FriendPrintable versionDownload TopicSubscribe to this topicPrivate MessagesRefresh page View next topic

Page 1 of 1  [ 5 Posts ]
Jump to:   


Style:  
Search: