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>
>
>

Similar Messages

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

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/

Inserting table background image

I just upgraded from DW8 to CS4 and can't figure out how to
insert an image for a table background! The box and folder icon to
browse to the file I want is greyed out. Can anyone help?

This is CS4's way of telling you that you have to use CSS for
such things.
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
==================
"tsheridan" <[email protected]> wrote in
message
news:gmb557$pu0$[email protected]..
>I just upgraded from DW8 to CS4 and can't figure out how
to insert an image
>for a table background! The box and folder icon to browse
to the file I
>want is greyed out. Can anyone help?

CS4 Table Background Images

Trying to figure out how to code background images for
various cells within
a table. I tried writing a css rule but nothing shows up.

Most likely there is a bug in your code. We'd need to see it
to know.
Your Properties panel looks fine.
Anyhow, back up to the "Set table properties" section and
read the comments
at the bottom.
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
==================
"tweaked_eye" <[email protected]> wrote in message
news:ggfgqv$bme$[email protected]..
> Maybe there is a bug with my install....???
>
> Here is a snag of my windows properties panel....
>
>
http://vegasphotographics.com/photos/423947819_65SHu-XL.jpg
>
> There is no box for background image.
>
>
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS9CA317DF-CF04-4177-9180-24C0BA715489a .html
>
>
> Should I have a background image option there?
>
>
> "tweaked_eye" <[email protected]> wrote in
message
> news:ggfdn1$864$[email protected]..
>> Trying to figure out how to code background images
for various cells
>> within a table. I tried writing a css rule but
nothing shows up.
>>
>
>

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
>

Need table background image to resize

I'm working in DW MX. I have a subtle background image in a
nested table on my page. The pages will vary in height due to the
amount of content on each. I would like the background image to
resize vertically as the table expands vertically. I also don't
want the image to repeat. I'd be happy with a straight HTML or CSS
solution. Any advice?

Ain't gonna happen. There's just no way....
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
==================
"jefflamonica" <[email protected]> wrote in
message
news:fe0t8v$4e3$[email protected]..
>I agree with you on UGLY. But that's not really what I'm
trying to do --
> especially fixed position. I just want to make sure if
someone resizes the
> text
> on the screen, thus expanding the cell and the table
vertically, that the
> background image will resize as well. You can see the
page at
>
http://www.monsoondigital.com/client/brotherton/index.html
>
> I'm also trying to fix that blasted one- or two-pixel
problem with the
> right
> vertical line.
>
> Jeff
>

CS4 table background image?

Is this a new thing -- to no longer have the background image
selection box, or is it yet another Windows Vista anomoly...

It's related to CS4's focus on VALID code usages and best
practices. You
should use CSS to specify all of your background images.
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
==================
"angiefuz" <[email protected]> wrote in
message
news:gm6tf8$902$[email protected]..
> Is this a new thing -- to no longer have the background
image selection
> box, or is it yet another Windows Vista anomoly...

Table Background Images in CS4...

This may sound like a really stupid question and I really hope there's an easy explanation... When I create a new table in dreamweaver cs4, and i click on the table and go down to the property inspector, the src file is greyed out. It's not allowing me to select an image to use as a background within my table. What am I missing? Please help!!!! Thanks in advance.
BFM

CS4 is trying to teach you get into good coding habits :-) Adding a background is a style it's not html, so the background needs to go into a stylesheet.
I have an example here - with the ane example of css to use - see if it helps:
http://www.dreamweaverresources.com/tutorials/pagebackgrounds/cellbackground.htm

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.

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!
>

Tiling a background image in a container

I have a template with header, one sidebar each side, and a main content section (from a DW stock template). The left sidebar has my navigation menu, doesn't even fill the whole screen vertically. The main content section can go on for many screens. I want to put a tiled image (results in some colored vertical stripes) in the sidebar, to start showing up under the navigation menu, and continuing all the way to the end of the main content section. I can get it to do the tiling, but only for the length of the nav menu. I have the following code for this sidebar:
.thrColAbsHdr #sidebar1 {
position: absolute;
top: 190px;
left: 1px;
width: 150px;
height: 100%;
background-image: url(../bikeraceinfo2/images/left.jpg);
background-repeat: repeat-y;
When I inserted the "height: 100%" line, it managed to pull the stripes out about an inch below the nav menu; without that they were completely hidden (but there). The old version, if you want to see what I'm trying to do, is at www.bikeraceinfo.com (that was accomplished by putting it in a table column, so it automatically kept going with the longest column).
How do I convince it to keep going to the bottom of the main content section?

From what I understand, I think you are looking for a technique called "Faux Columns."
It looks to me as though you are trying to rebuild your set using CSS instead of tables for layout. That's a good idea! I think that you need to be cautious about using height in your layout because the most comfortable position is to allow the content of an element to determine that. Not always of course, but where you have content that changes between pages it will help.
Nancy O shows you a layout using faux columns here:
http://alt-web.com/TEMPLATES/3-col-white-gray.shtml
And you can see the image that she has used to make the faux columns here.
http://alt-web.com/Images/BG/tri-color-bg.gif
It would be eaier to advise if you could post a link to the new page and someone could probably tell you exactly which element to put an image into but effectively the image can go in the containing element.
I hope that helps and that I haven't misunderstood your question
Martin

Tiling a background image

I've recently moved over from GoLive, and I am re-doing my site template in DW. I want to do a background image that will expand as needed (be really long on a long page, not so long on a short one, etc.) and can't figure out how. My old one was done as one column of a table, so if the second column kept going, so did the image in the first column (see http://www.bikeraceinfo.com/about-us.html , it's the red/white/green stripe down the left side, and is a separate image from the red/white/green stripe that folds around from the image across the top). I am using a 3-column layout provided by DW ("3 column fixed, header and footer"). I've tried doing a tiled background in the "container", didn't work (nothing showed up at all). Tried a tiled background in "main content", it did put the stripes in, but since "main content" in my layout is centered, that wouldn't work, and it only showed up where there weren't words. Tiling it in the "body" puts it outside of the container, so it doesn't line up with the top graphic, and gets swallowed up and disappears on a small monitor. I tried putting in another div which would contain the tiled graphic, but it didn't seem to understand a height of "100%" to mean that it should go all the way to the bottom of the page. What do I do?
Carol

From what I understand, I think you are looking for a technique called "Faux Columns."
It looks to me as though you are trying to rebuild your set using CSS instead of tables for layout. That's a good idea! I think that you need to be cautious about using height in your layout because the most comfortable position is to allow the content of an element to determine that. Not always of course, but where you have content that changes between pages it will help.
Nancy O shows you a layout using faux columns here:
http://alt-web.com/TEMPLATES/3-col-white-gray.shtml
And you can see the image that she has used to make the faux columns here.
http://alt-web.com/Images/BG/tri-color-bg.gif
It would be eaier to advise if you could post a link to the new page and someone could probably tell you exactly which element to put an image into but effectively the image can go in the containing element.
I hope that helps and that I haven't misunderstood your question
Martin

HTML background image stops being replicated in long page

This is a straight HTML (no JavaScript, no CSS) page with a tiled background image (128x128 pixel JPEG). After about 2/3 of the roughly 3,000 lines of this page the background image stops, with a smooth horizontal divide: the tiled image background above, and a white background below. The discontinuity moves up and down some while scrolling this page, but remains a clean horizontal break.
This is new behavior with Firefox 7. The background image was displayed throughout the full page with Firefox 6 and earlier.

Hi vestibule, the home page renders out to 42072.5px tall, and Firefox has a bug that limits backgrounds to a height of approximately 32735px tall. See [https://bugzilla.mozilla.org/show_bug.cgi?id=671302 Bug 671302 – cairo-gdi: large background-images and gradients don't work beyond ~ 32735px].
This bug is coming up on a year old and for some reason hasn't been fixed yet, perhaps because such long pages are relatively rare on the web. ??
Until that is resolved, to make the "transition" less jarring, you can add a matching background color (this is the closest I can come up with at the moment):
<br>body {
background-image: url(Image_Files/parchmnt.jpg);
background-color: #f8f8d4;
}

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.

Stopping tiling in a table background image

Similar Messages

Maybe you are looking for