HTML and Background Images

M
Posted By
MichaelZ
Apr 9, 2006
Views
340
Replies
2
Status
Closed
Is there a way to make a configuration in PS, that the images for websites move into the background tag.
I mean, it looks like this now:
<td colspan="21">
<img src="Bilder/site_01.gif" width="383" height="18" alt=""></td>

And it should be look like:
<td colspan="21" background="Bilder/site_01.gif" width="383" height="18">
</td>

Thanks

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

I
iehsmith
Apr 9, 2006
On 4/9/06 4:54 PM, MichaelZ commented:

Is there a way to make a configuration in PS, that the images for websites move into the background tag.
I mean, it looks like this now:
<td colspan="21">
<img src="Bilder/site_01.gif" width="383" height="18" alt=""></td>

And it should be look like:
<td colspan="21" background="Bilder/site_01.gif" width="383" height="18">
</td>

Not sure if PS can do it, but if it must be a background in a cell or div it should be done in CSS, AFAIK.
FN
Flo Nelson
Apr 10, 2006
"iehsmith" wrote in message
On 4/9/06 4:54 PM, MichaelZ commented:

Is there a way to make a configuration in PS, that the images for websites move into the background tag.
I mean, it looks like this now:
<td colspan="21">
<img src="Bilder/site_01.gif" width="383" height="18" alt=""></td>

And it should be look like:
<td colspan="21" background="Bilder/site_01.gif" width="383" height="18">
</td>

Not sure if PS can do it, but if it must be a background in a cell or div it
should be done in CSS, AFAIK.

Ideally you’d use css to make the gif the background of the td. Less ideally, just change the html afterwards.

It sounds like you’re trying to rely on Photoshop to create the html for you – not a great idea. Any code that has a colspan of 21 (i.e. one row spans 21 columns in another row) is going to break real easily when you start adding text, etc.

If at all possible, better to learn to create your own html. Here’s a good article on how to put a web page together with tables that won’t break: http://www.dwfaq.com/Tutorials/Tables/flexible_tables.asp. He’s teaching flexible layout with tables, but the principles he’s using apply to even fixed layouts.

Flo

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections