Table Cells/Image Background

aSpire2004 · 04-07-2004, 10:50 AM

This question is directed at Webmasters using that use Photoshop & ImageReady Or similar graphics package as the means of building there site...

Heres what im trying to do....

Make only image in a table cell the table cell background instead of an image in the cell
the cell dimensions are already setup to all the image sizes, Ive just completed a layout in Photoshop/sliced&optimized in ImageReady

I use Dreamweaver MX 2004 & know/understand html/xhtml

Thanks !

bassplayinuk · 04-07-2004, 02:06 PM

To do this is simple. Just goto the cell properties and select the background image you wish to use.

I use Dremaweaver MX and it doesn't seem to allow you to set wether the image repeats or not. To get round the image repeating in the background I suggest using CSS to set the cell background as the CSS property editor allows for the user to set weather the background repeats or not.

Just created some CSS code for you to show how to use a class to give a background to a cell that doesn't repeat.

This goes between the <head></head> tags: -

Quote:

Then in the <td> tag of the cell you wish the background to appear in put this: -

Quote:

class="cellbackground"

e.g. <td class="cellbackground">
????: NamePros.com http://www.namepros.com/programming/26046-table-cells-image-background.html

PM me if you need some assistance.

aSpire2004 · 04-07-2004, 03:37 PM

Thanks for the help! but I fixed it like 5 mins after posting

Ill prob\bly find uses for the code you posted though.

ImageReady code that was applied to all layout parts,

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

New code that I applied to all cells to fix the layout parts to the background to form editable regions (you cant type over an image)

<td background="images/image.gif">

bassplayinuk · 04-07-2004, 11:17 PM

Fair enough. It would be worth looking into CSS when you have the chance. When you start using it you'll wonder how you managed without it.

OneEyedDog · 04-08-2004, 04:23 AM

Quote:

Originally posted by bassplayinuk
Fair enough. It would be worth looking into CSS when you have the chance. When you start using it you'll wonder how you managed without it.

Amen to that! CSS really is worth learning!

04-07-2004, 10:50 AM	THREAD STARTER #1 (permalink)
aSpire2004 New Member Join Date: Apr 2004 Posts: 5	Table Cells/Image Background This question is directed at Webmasters using that use Photoshop & ImageReady Or similar graphics package as the means of building there site... Heres what im trying to do.... Make only image in a table cell the table cell background instead of an image in the cell the cell dimensions are already setup to all the image sizes, Ive just completed a layout in Photoshop/sliced&optimized in ImageReady I use Dreamweaver MX 2004 & know/understand html/xhtml Thanks !

04-07-2004, 11:17 PM	#4 (permalink)
bassplayinuk NamePros Member Join Date: Apr 2004 Location: Sweden Posts: 47	Fair enough. It would be worth looking into CSS when you have the chance. When you start using it you'll wonder how you managed without it. __________________ Adware Remover Gold Evidence Cleaner Gold Modem Speed Booster PC Speed Booster

04-07-2004, 03:37 PM	THREAD STARTER #3 (permalink)
aSpire2004 New Member Join Date: Apr 2004 Posts: 5	Thanks for the help! but I fixed it like 5 mins after posting Ill prob\bly find uses for the code you posted though. ImageReady code that was applied to all layout parts, <td> <img src="images/image.gif" width="100" height="100"></td> New code that I applied to all cells to fix the layout parts to the background to form editable regions (you cant type over an image) <td background="images/image.gif">

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)