Forums

This topic is locked

How to set a background image in a table?

Posted 25 Jul 2006 19:24:11
1
has voted
25 Jul 2006 19:24:11 shannon whaites posted:
Hello, 1st time dreamweaver dummy here! I can't find instructions or documentation on how to set a background image in a table cell. (I need to make a text menu on top of my image.) I'm sure it's fairly simple but I've spent hours trying to get it.

Dreamweaver MX 2004, Mac OSX

HUGE thanks!! Shannon

Replies

Replied 26 Jul 2006 06:57:24
26 Jul 2006 06:57:24 John Marsden replied:
Put the cursor inside the table cell. Make sure the Property Inspector is fully open (click the little arrow on the far bottom right corner) Bottom right of the P.I. are two boxes marked "bg" use the top one to browse for your background file.
Replied 03 Jul 2007 12:38:12
03 Jul 2007 12:38:12 mark langley replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
Hi,

I am also having problems. I have added the background image as described and all appears well in Dreamweaver but when i veiw in IE the image does not display. Any ideas that could help me would be much appreciated<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Replied 03 Jul 2007 17:25:28
03 Jul 2007 17:25:28 Nick (NR) replied:
Using css is your best bet.

<pre id=code><font face=courier size=2 id=code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;style type="text/css"&gt;
&lt;!--
.cellbg {
background-image: url(images/Open.png);
background-repeat: repeat-y;
background-position: left top;
}
--&gt;
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
&lt;tr&gt;
&lt;td class="cellbg"&gt;Menu&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;content&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;

&lt;/body&gt;
&lt;/html&gt;</font id=code></pre id=code>

Reply to this topic