Background image in a table 3x3

I have a tables set 3 x 3
I wish to have a different coloured circle background in
each.
I have created a .bmp file and tried to add it but it just
fills the box with the colour of the .bmp file
I have also resized the .bmp file and still it does the same
even when the file size was 10x10 dpi
Please can someone tell me what I am doing wrong.
I am using dreamweaver and selecting .bmp as the BG file in
the properties of each box within my table.
I think it only does the BG colour, but why is it asking for
a file?
<table width="40%">
<tr>
<td background="grey dot bg.bmp">
<div align="center">a</div></td>
<td background="blue dot bg.bmp">
<div align="center">b</div></td>
<td><div align="center">c</div></td>
</tr>
<tr>
<td><div align="center">d</div></td>
<td><div align="center">e</div></td>
<td><div align="center">f</div></td>
</tr>
<tr>
<td><div align="center">g</div></td>
<td><div align="center">h</div></td>
<td><div align="center">i</div></td>
</tr>
</table>
is there an easier way?
thanks for your help.

You should be using css, not background image via the
property inspector.
Here's an example you can examine. Look at the css code in
the head of the
document.
http://dreamweaverresources.com/forum/circles/
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html
- CSS Tutorials
"not very clever" <[email protected]> wrote
in message
news:e34drk$lhb$[email protected]..
>I have a tables set 3 x 3
>
> I wish to have a different coloured circle background in
each.
>
> I have created a .bmp file and tried to add it but it
just fills the box
> with
> the colour of the .bmp file
>
> I have also resized the .bmp file and still it does the
same even when the
> file size was 10x10 dpi
>
> Please can someone tell me what I am doing wrong.
>
> I am using dreamweaver and selecting .bmp as the BG file
in the properties
> of
> each box within my table.
>
> I think it only does the BG colour, but why is it asking
for a file?
>
>
>
> <table width="40%">
> <tr>
> <td background="grey dot bg.bmp">
> <div align="center">a</div></td>
> <td background="blue dot bg.bmp">
> <div align="center">b</div></td>
> <td><div
align="center">c</div></td>
> </tr>
> <tr>
> <td><div
align="center">d</div></td>
> <td><div
align="center">e</div></td>
> <td><div
align="center">f</div></td>
> </tr>
> <tr>
> <td><div
align="center">g</div></td>
> <td><div
align="center">h</div></td>
> <td><div
align="center">i</div></td>
> </tr>
> </table>
>
>
> is there an easier way?
>
> thanks for your help.
>
>
>

Similar Messages

Background image in a table not in the document

hello forum, i would like to put a background image in a table so that I am able to put things on top of the image and so it moves with the table. I can only figure out how to do it in the page properties so that it is static on the page. Can anyone please tell me if what I am trying to do is possible? thank you in advance. Jim.

Hi John,
thanks for your hint, now I've got it. And so I was able to integrate/to play with Gramps hint in some variations too.Hans-G.

Background image in a table

Older versions allowed you to insert a background image into a table or cell. CS4 does not have that option. Does anyone know how to do this. Thanks

You need to use CSS to create a rule so that the table cell shows a background image. Example: Place the following in the head of your document, or take the style and place it in your current stylesheet.
CSS:
<style type="text/css">
.cellback {
background: url(pics/bckgroundhor.jpg) no-repeat; /* this background will not repeat */
</style>
HTML:
and then give the cell the class of cellback
<td class="cellback">
Example here:
http://www.dreamweaverresources.com/tutorials/pagebackgrounds/cellbackground.htm

Background Image repeating for table cells

I am trying to put different images as the background to all
the cells in a table, so I can put text over the top of them, but I
cant have an image without it repeating. Ive tried going into the
code and adding background-image: "no-repeat" but that hasn't
worked. I know nothing of CSS and it seems really confusing - so if
this is the answer please give me CSS for dummies instructions.
Layers drive me bonkers as no 2 browsers display them in the same
place.
URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
At the moment only cell one is a background image, the rest
are images inserted normally.
Hope you can help.
Thanks.

Your question reflects the confusing mess your life will be
if you persist
with web authoring without taking the time to learn some HTML
and CSS.
You have -
<th height="351" colspan="6" "scope="col">
Note the extra doublequote just before 'scope'.
Also note that your preloads (look at the body tag) as well
as your image
swaps (look elsewhere - everywhere you see 'file:///') are
all broken -
pointing to files on your hard drive. Finally, you might want
to just think
about making a page where there is no readable content
(everything here is
in images). It will get a zero search engine ranking....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"little bob" <[email protected]> wrote in
message
news:gqo8jh$ejo$[email protected]..
>I am trying to put different images as the background to
all the cells in a
> table, so I can put text over the top of them, but I
cant have an image
> without
> it repeating. Ive tried going into the code and adding
background-image:
> "no-repeat" but that hasn't worked. I know nothing of
CSS and it seems
> really
> confusing - so if this is the answer please give me CSS
for dummies
> instructions. Layers drive me bonkers as no 2 browsers
display them in the
> same
> place.
>
> URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
>
> At the moment only cell one is a background image, the
rest are images
> inserted normally.
>
> Hope you can help.
>
> Thanks.
>

Stop Background Image in Table from Repeating

Since CS4 has unfortunately removed the button for Background Image for tables, I found a neat work-around on the internet: select the cell, then open the Tag Inspector panel, select the Attributes button and Show list view, and click inside "background" and use the folder icon to navigate to the background image. However, I can't stop the image from repeating. I've tried everything I can think of. Can anyone help me? No code responses, please. Thanks!

monelleny wrote:
Can anyone help me?
Yes.
No code responses, please. Thanks!
Well, in that case, the answer is no.
Quite honestly, if you're capable of searching for an answer on the internet, and using the Tag Inspector to add a background image, you should be capable of following simple instructions to handle CSS.
To add a non-repeating background image to a table cell (or any element, for that matter), you use CSS. Create a CSS class like this in the head of the page:
<style type="text/css">
.background {
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
</style>
Select the table cell, and then choose background from the Class menu in the Property inspector.

Tables & Background Images

I am currently using Dreamweaver CS4. I am attempting to add
a background image into a table cell. When I look at how to do this
on the web, it says to select the Bg Image within the PROPERTIES
PANE, then browse and choose a background image. My problem is as
follows; the 'Bg Image' feature does not appear in the PROPERTIES
PANE, only the 'Bg Color' selection appears. Is there a setting I
need to set to turn this feature on in the PROPERTIES PANE?
Thanks,
Rick

RickGenga wrote:
> My problem is as follows; the 'Bg Image' feature does
not
> appear in the PROPERTIES PANE, only the 'Bg Color'
selection appears. Is there
> a setting I need to set to turn this feature on in the
PROPERTIES PANE?
No. You need to learn how to create a CSS style rule.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Stopping tiling in a table background image

I'm trying to stop the tiling of the background image within
a table in Dreamweaver 8.
It seems to be different then "no-repeat" for the general
background.
Was hoping someone could help me out.
Thanks.

You have no tiling control there at all.
Change this -
<table width="612" height="1081" border="0"
background="ess_web_ad_bg.jpg">
to this -
<table width="612" height="1081" border="0"
background="ess_web_ad_bg.jpg"
style="background-repeat:no-repeat;">
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Ro-Dogg" <[email protected]> wrote in
message
news:[email protected]...
> THANKS!
>
>
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <table width="612" height="1081" border="0"
> background="ess_web_ad_bg.jpg">
> <tr>
> <td width="21" height="143"> </td>
> <td width="557"> </td>
> <td width="20"> </td>
> </tr>
> <tr>
> <td height="294"> </td>
> <td rowspan="3" valign="top"> <div
class="style4"><span
> styleclass="style_HeadlineText">Are Your Employees a
Road
> Block?</span></div>
> <div class="style2"><span
>
styleclass="style_HeadlineText"> </span></div>
> <span class="style2"
styleclass="style_HeadlineText">
Did You Know
> That</span>
> <ul class="style2">
>
10%-12% of all applicants have a criminal history
> </li>
>
43% of resumes contain significant inaccuracies about
> experience, education or job ability </li>
>
8.5% of applicants who authorized background checks had
> criminal convictions</li>
>
> <div class="style2">
> <div>
The potential costs and liabilities of
unscreened or
>
insufficiently screened employees are enormous. Employers
can be
> held
> legally and financially responsible for things they
should have known
> about
> their employees.</div>
> </div>
>
> <li class="style2">
Employers lose 79% of all negligent hiring and
> retention lawsuits </li>
> <li class="style2">
Two-thirds of negligent hiring trials result
> in
> average awards of $600,000 in damages </li>
> <li class="style2">
30% of all business failures are caused by
> employee theft </li>
> <li class="style2">
The Small Business Administration estimates
> that
> for every dollar invested in employee screening a $5 to
$16 return is
> generated</li>
>
> <p align="center" class="style1"><span
> styleclass="style_SubheadingText">FOLEY SERVICES INC.
PROVIDES
> COMPREHENSIVE
> EMPLOYEE SCREENING SERVICES TO BUSINESSES OF ALL
SIZES</span></p>
> <div class="style2">
> <div>
We can conduct specific individualized background checks
> in
> all of the areas listed below, or provide screening
service packages
> tailored
> to your needs. </div>
> </div>
> <li class="style2">
Criminal Records Checks: Patriot Act
> Inquiry,
> Sex Offender Registry, Federal and Non-Federal criminal
history checks
>
> </li>
> <li class="style2">
Background and Reference Checks:
> Verification of
> Employment, Education, Reference, Social Security
Numbers, and
> Professional
> credentials </li>
> <li class="style2">
Motor Vehicle Reports </li>
> <li class="style2">
Financial/Healthcare Sanction
> Checks</li>
>
> <span styleclass="style_SubheadingText">
> <p align="left" class="style2">Foley Services has
a 15-year track
> record
> of servicing our client's with professionalism, courtesy
and respect.
> Let
> Foley Services put our expertise and experience to work
for you by
> helping
> you hire the right people for the job.</p>
> </span>
> <div align="center"> </div>
> <div align="center">
Click on the link below for further detailed
> information.<br />
>
<a href="
http://www.foleyservices.com/t-ebc_facts.aspx">FOLEY
> SERVICES EMPLOYMENT SCREENING
SERVICE</a></div>
> <div align="center"> </div> <div
align="center">
or
> Contact:<br />
>
Kirk Spooner<br />
> National Accounts Representative<br />
>
1-800-253-5506 x469
<br />
> <a
>
href="mailto:[email protected]">[email protected]</a></div></td>
> <td> </td>
> </tr>
> <tr>
> <td height="204"> </td>
> <td> </td>
> </tr>
> <tr>
> <td> </td>
> <td> </td>
> </tr>
> <tr>
> <td height="191"> </td>
> <td> </td>
> <td> </td>
> </tr>
> </table>
> </body>
> </html>
>
>

Background image is slightly repeating itself in my table

Last week, someone really helped (Murray) in helping me add a
background image to my header table, then nesting another table
inside for my links. I tried to do it manually, however, it just
wouldn't work. He then added some new code and it worked perfectly!
However, I did notice that now the background image in that table
doesn't extend the full length of the table. It cuts of 1/8th of an
inch short and then the image starts to repeat itself. It isn;t
much but doesn't look clean. Any ideas on how to change it to
flush? I tried to manuever the main table of the site over, but it
didn't have an effect. I think the background image just stayed the
same with the change. Thanks for your help once again! Code is
below but had to shorten it since ithis site only allows a certain
amount of text. website is:
www.1percentclub.org
<html>
<he
><title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<script language="JavaScript">

</script>
</head>
<style type="text/css">
a {text-decoration: none;}
</style>
<body bgcolor="#000000" text="#CCCCCC" link="#33CCFF"
vlink="#33CCFF" alink="#33CCFF" leftmargin="0" topmargin="0"
marginwidth="0" marginheight="0"
onLoad="MM_preloadImages('/History-Header2008WhiteBord.jpg','/Showcase-Events-LinkWhiteBo .jpg','/Instructional-DVD-2008GLOW.jpg','/Skills-Clinics-Link-2008GLO.jpg','/Contact-Us-Li nkGLOW.jpg','/GameTimeGear-LogoGLOW.jpg','/Playitagainsports-logoGLOW.jpg','/Africa-Link_G LOW.jpg')">
<table width="60%" border="1" cellspacing="0"
cellpadding="0"
bordercolor="#FFFFFF" align="center">
<tr bgcolor="#333333" valign="top" align="center">
<td height="1125">
<div align="left">
<table width="100%" border="0" cellspacing="0"
cellpadding="0"
style="background-image:url(2008-Website-Header_FINAL_-.jpg);">
<tr valign="top">
<td height="289">
<table width="100%" border="0" cellspacing="3"
cellpadding="7">
<tr valign="top">
<td height="40">
<p><font face="Arial"
color="#333333"><b><font size="3"
color="#33FFFF"><a href="homepage.htm"><font
color="#33CCFF">Home
</font></a><font color="#33CCFF">|
</font><font color="#33CCFF"><a
href="centralcalifinest.htm">Showcase
Events</a> | <a href="clinics.htm">Skill
Clinics</a> | <a href="clinics.htm">Team
Clinics</a> | <a href="videos.htm">DVD</a>
| <a href="History.htm">History</a>
| <a href="Contact_1%25_CLUB.htm">Contact
</a></font></font></b></font></p>
</td>
</tr>
</table>
<p><br>
</p>
<p> </p>
<p><br>
</p>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="6">
<tr>
<td height="780" align="center" valign="top"
width="25%">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr align="center" bordercolor="#FFFFFF"
bgcolor="#333333">
<td height="122"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image14','','/History-Header2008WhiteBord.jpg',1)"><img
name="Image14" border="0" src="/HistoryLinkWhite-border.jpg"
width="180" height="118"></a></td>
</tr>
<tr align="center">
<td height="125"><a href="#"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image15','','/Showcase-Events-LinkWhiteBo.jpg',1)"><img
name="Image15" border="0" src="/Showcase-Events-Link2008Whi.jpg"
width="180" height="118"></a></td>

Change this -
<table width="100%" border="0" cellspacing="0"
cellpadding="0"
style="background-image:url(2008-Website-Header_FINAL_-.jpg);">
to this -
<table width="100%" border="0" cellspacing="0"
cellpadding="0"
style="background-image:url(2008-Website-Header_FINAL_-.jpg);background-repeat:no-repeat; ">
It's time for you to apply yourself to learning HTML and CSS.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"dontsettle22" <[email protected]> wrote in
message
news:fnq7cb$a2p$[email protected]..
> Last week, someone really helped (Murray) in helping me
add a background
> image
> to my header table, then nesting another table inside
for my links. I
> tried to
> do it manually, however, it just wouldn't work. He then
added some new
> code
> and it worked perfectly! However, I did notice that now
the background
> image
> in that table doesn't extend the full length of the
table. It cuts of
> 1/8th of
> an inch short and then the image starts to repeat
itself. It isn;t much
> but
> doesn't look clean. Any ideas on how to change it to
flush? I tried to
> manuever the main table of the site over, but it didn't
have an effect. I
> think
> the background image just stayed the same with the
change. Thanks for
> your
> help once again! Code is below but had to shorten it
since ithis site
> only
> allows a certain amount of text.
>

Repeating background images in tables

I am working on a web page with a background image in a
table. I have also inserted a table inside this same table to
include some text. When I preview this in Netscape/Firefox and
increase the text size a couple of times from the browsers menu,
the table with the image starts repeating as the text increases in
size. I don't mind the text changes sizes, but is there a way to
stop the table from repeating the background image? This is a
problem since the repeating image looks terrible.

On that page, change this -
</head>
to this -
<style type="text/css">
table.special { background-repeat:no-repeat; }
</style>
</head>
and then change your table tag from this -
<table width="100%" height="606" border="0" align="center"
cellpadding="0"
cellspacing="0">
to this -
<table width="100%" border="0" align="center"
cellpadding="0"
cellspacing="0" class="special">
(there is no table height attribute - it's invalid HTML)
> b, be too small, dependent upon which browser they are
viewed in.
Impossible. A background image will not change size in
different browsers.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"chimesey" <[email protected]> wrote in
message
news:[email protected]...
>
quote:
Originally posted by:
Newsgroup User
> Use CSS -
>
> table { background-repeat:no-repeat; }
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
> I am trying to do the same thing, and my bg images seem
to either
> a, repeat somewhat
> or
> b, be too small,
> dependent upon which browser they are viewed in.
>
> I will try to use the code suggested above, but where
exactly would I
> insert
> it?
> This is the code for the 'table within the table'...
>
> <table width="100%" height="606" border="0"
> align="center" cellpadding="0" cellspacing="0">
> <tr>
> <th width="35%" height="95"
> scope="col"><h1>ten</h1></th>
> <th width="26%"
scope="col"><h1>year</h1></th>
> <th width="39%"
scope="col"><h1>plan</h1></th>
> </tr>
> <tr>
> <td height="325"><table width="100%"
height="266"
> border="0" cellpadding="0" cellspacing="0">
> <tr>
> <th scope="col"> </th>
> <th background="../smiths.jpg"
> scope="col"> </th>
> <th scope="col"> </th>
> </tr>
> </table> <p> </p>
>
>
> Ta!
>

Table background image

I created a site with a table holding the background image.
Other tables are within this containing the content.
It works fine but if i use a .png image for the background i
get a thin blue line at the top. see here:
http://proof.outoffocusonline.com/
(it is visible above contact).
If i make the background image a .jpg or a .gif this problem
disappears - that is with making NO other changes just the name
extension.
Any ideas why this occurs? and how can i fix it? - the image
does not look nearly as good in gif form due to the shadow/glow
effect. And jpg boosts the filesize by a lot.
thanks.

Does the PNG contain transparency?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"John Waller" <[email protected]>
wrote in message
news:e3kn6e$opk$[email protected]..
> Somehow the background image
>
http://proof.outoffocusonline.com/images/bg.png
> has got a 1 pixel x 20 pixel (approx) blue fringe effect
added which is
> not the same color blue (#000099) as the rest of the
image.
>
> Has this been inadvertently added in your image editor?
>
> Can you post a link to a copy of the GIF version?
>
> --
> Regards
>
> John Waller
>

Image map + link in background image

Is it possible to put an image map and link to a background
image of a table?

no but you can put a 1px by 1 x blank transparent image over
the background image and add an image map to that

Background image in td

I have a background image in a td tag that worked fine, until
several months ago. The image shows up in Firefox, but does not
show in IE. Any suggestions. the code is
<th width="96" height="274" align="left" valign="top"
background="images/btn_UPCOME.jpg" bgcolor="#898AC0"
scope="row"no-repeat="no-repeat" fixed="fixed">

Your code is horked....
<th width="96" height="274" align="left" valign="top"
background="images/btn_UPCOME.jpg" bgcolor="#898AC0"
scope="row"no-repeat="no-repeat" fixed="fixed">
First, you should be using CSS to specify the background
image. Next, you
are missing a space between '"row"' and 'no-repeat'. Then,
there is no such
attribute as either 'no-repeat' or 'fixed'. Try this -
<th width="96" height="274" align="left" valign="top"
style="background-image:url(images/btn_UPCOME.jpg);
background-color:#898AC0;repeat:no-repeat;background-attachment:fixed;">
But - be aware, IE doesn't play well with fixed background
images on
anything but a body tag. The good news is that it doesn't
make good sense
to have a fixed background image in this table cell.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"shirley11" <[email protected]> wrote in
message
news:ge5lv1$68n$[email protected]..
>I have a background image in a td tag that worked fine,
until several
>months
> ago. The image shows up in Firefox, but does not show in
IE. Any
> suggestions.
> the code is
>
> <th width="96" height="274" align="left" valign="top"
> background="images/btn_UPCOME.jpg" bgcolor="#898AC0"
> scope="row"no-repeat="no-repeat" fixed="fixed">
>

Re: Problem using Background Images

Newbie is trying to use a background image inside a table. It seems that if the table size is larger that the original image itself; then the table has a blank space where the image does not show; and if the table is smaller than the image; then the background image has a cropped appearance. What do we have to do to correct this problem?

Background images do not stretch to fill their container. At least they don't do this yet (reliably). That's just the way it is. Most people will fill the remaining space with a color similar to the overall image color, when the image is too small to fill the background. When it's too large? Well, that's just the way it is.

Is there a better way to do this? CSS rules/Background image/tables

Hi,
I am designing a site and I have used a table for the banner. Everytime a different page is displayed, the banner image changes. I have created .html pages, and I have created a lot of css rules to change the background image. I think there must be a more efficiant way to do this?
http://www.taffyproductions.com/test/
ALSO... I need to figure out how to make the links (hover/active states) work on all the pages... I figured it out on the index page, but I'm sure there is a better css rule?

Put a div in the head section? Surely you jest!
But you do hint at the easy solution - just have an embedded stylesheet in the head of each page that changed the background image only on that page. No need for any other complexities.
In other words on page1, change this -
<link href="outpost.css" rel="stylesheet" type="text/css" />
</head>
to this -
<link href="outpost.css" rel="stylesheet" type="text/css" />
<style type="text/css">
table#banner { background-image:url(images/banner1.jpg); }
</style>
</head>
and on page2 change it to this -
<link href="outpost.css" rel="stylesheet" type="text/css" />
<style type="text/css">
table#banner { background-image:url(images/banner2.jpg); }
</style>
</head>
etc.

Inserting table background images [was: CS4 DW]

Dear all,
I've have trouble inserting the background images in a cell of a table. When I was using CS3 I had the options of selecting BG color or image, as well as choosing the border color.
Right now in CS4 I can't even insert one in a cell, only color bg, and also editing the font size, color, type..
Can anyone advise?
Z

CSS code uses a different syntax than HTML code.
With CSS you can use a background-color: #FFF or a background-image (URL). This can point to an absolute URL:
background: url (http:yoursite.com/images/bg-image.jpg)
or to an image in your DW local site folder:
background: url (some-folder-in-your-local-site/image.jpg)
For more HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Background image in a table 3x3

Similar Messages

Maybe you are looking for