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

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

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

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

Related Discussion Topics

Nice and short text about related topics in discussion sections