[help] Adding Text Into A Photoshop Designed Site?

Hi, sorry to bother you all again but I got a quick question: How can I add text into a Photoshop Designed Site?

Thanks,

HTMLISHARD

#152181

Best way is only to export slices that form part of the layout. Any blocks of colour should be replaced with web-safe hex colours or a 1x1px tiled image. That way you can place the site design in image tags and just type the html as normal. Sorry if this is a bit vague, I'm off to bed. If you need more I'll post tomorrow.

*yawn*

*stretch*

g'night everyone

#152197

Does anyone know what is the html code for typing text between

and ?

Thanks,

HTMLISHARD

#152219

Just type text like you are typing to reply. It knows what to do.

#152251

Wizard appartently not. I am using Win XP and doing the html in Notepad. Does anyone know that html code for use in Notepad?

#152276

It should be working. Does it look something like this?

<table>
<tr>
<td>
Bla, bla bla.
</td>
</tr>
</table>

#152278

Originally posted by htmlishard@Apr 28 2004, 10:34 PM

Wizard appartently not. I am using Win XP and doing the html in Notepad. Does anyone know that html code for use in Notepad?

html is html ;) , os nor coding device doesnt matter

#152281

Well yes carbonfiber, you are right. But does anyone know the code which could help me put text into a photshop image, you know:

Between

and . Instead of (you have to replace IMG SRC with something).

#152299

Photoshop must be messing up something because

Replace with text works no matter what.

Edit: Make sure that your text color is not set the same color as the background.

#152322

<!-- ImageReady Slices (jaysite.psd) -->

<!-- End ImageReady Slices -->

#152340

Can you please tag your threads?

------------------

The Topic Has Been Tagged

// Seph

#152343

Oops, sorry seph. I'll try to tag my threads in the future.

#152345

I didn't know it was possible to place text in Photoshop images with HTML. Does htmlishard want to splice the image into two so you can just have HTML text in an area so that it looks like part of the image? Also, is it possible to splice images in Photoshop 5? Does splicing require ImageReady, basically?

Thanks,

nightcrawler1089

#152347

Thank you nightcrawler. Oops again. I should have described my verision of photoshop. It is 7.0. My friend did it in front of me without using image ready.

Thanks,

htmlishard

#152352

I don't see why the text wouldn't be showing up if you replaced one of the image tags with normal text.

<HTML>
<HEAD>
<TITLE>jaysite</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (jaysite.psd) -->
<TABLE WIDTH=1100 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="../../unavailable.html" WIDTH=1100 HEIGHT=72 ALT=""></TD>
</TR>
<TR>
<TD>Me me!</TD>
</TR>
<TR>
<TD>
<IMG SRC="../../unavailable.html" WIDTH=1100 HEIGHT=2 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="../../unavailable.html" WIDTH=1100 HEIGHT=662 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="../../unavailable.html" WIDTH=1100 HEIGHT=7 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="../../unavailable.html" WIDTH=1100 HEIGHT=20 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

And it worked.

I am starting to think that we are talking about two different things.

#152379

he's probably talking about having an image as a background to a cell in a table and then having text inside the cell.

if that's the case you would use something like this:

<td background="/images/blabla.gif">This Text appears to be on top of the image</td>

However, bear in mind that the TD (cell) won't be stretched to the size of the image but rather to the size of the text in it.

guess mode>

#152406

I sure that's exactly what he means. Do what gill says, but add:

Text and the cell will be the same size as the numbers you specify.

Then go to http://www.w3schools.com and have a look at better ways of doing this using CSS.

#152527

Thanks Ludge and Gill Bates, problem with the code now has been solved!

#152578