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
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?
ZCSS 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 -
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.
>>
>
> -
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... -
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,
RickRickGenga 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? -
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">
> <!--
> .style1 {
> font-size: 12px;
> font-weight: bold;
> }
> .style2 {font-size: 12px}
> .style4 {font-size: 18px; font-weight: bold; }
> -->
> </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>
>
> -
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
> -
Help! Background image + templates CS4
SO, I created a template. One of my editable regions is my main_image div. In source code view i have my main_image div tag and within it I have a text box div tag and scroll box div tag. In my CSS thats attached to this site my #main_image rule has a background-image property. Now, the thing im trying to do is to change this background image when I create new pages based off of this template that I created. I know I cant change it in the CSS because its the same CSS that is used throughout the new pages. I tried using editable attributes to change the background image generating :
<div id="main_image" background-image="@@(_document['backgroundimagemain'])@@"> but the background image still remained the same image when i generating new pages. I tried optional region, again no effect. I tried going into Modify> Template Properties in my new page and it says there are "no template properties available". There either must be some code to apply in the source code.
Stuck.Because you are using an element with all the same ID (div id="main"), you will want change that to make the ID the Editable Attribute. That way, you can define the ID in the page itself (Modify > Template Properties...) and indicate the background-image in your external stylesheet.
Here's a link for creating Editable Attributes: http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7aa3a.h tml
This affords you off-page control (except for editing the ID on pages), an ideal situation with a Templated site.
On the pages, define your ids, set up following the instructions referenced above:
id="horsepage"
id="cowpage"
In the stylesheet, define your background-images:
#horsepage {background-image: url( your horses image path here );
#cowpage {background-image: url( your cows image path here );
Beth -
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 -
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. -
Table background colors and images
This should be easy, but I am not seeing it. I have a few pages with existing tables, probably created in DW CS3. In DW CS4, I need to select a table inside a cell of another table and assign a solid color for the background. Currently, the larger table has a textured background image and it is also filling the background of the table inside it.
I can easily select the smaller table, but I don't see the old familiar information bar where I'd assign a color to the entire table.
Any help would be appreciated.
M. JacksonHi Nancy O,
I started a long time ago with Adobe Page Mill, then had to move to GoLive, and later into DW.
The appeal of Page Mill was the GUI, letting a non-programmer make web pages visually, and letting the program write the code for me. Each upgrade have moved farther from that concept in my opinion.
I just want to add tables and if DW wants to apply CSS to them, then fine. Maybe I will have to learn to do it in CSS, but it is not high on my current list of priorities. I'd prefer to spend most of my learning time in Photoshop. For now, I have quite a few pages that just need some tweaking and I don't have the extra time to dig into this venture.
Thanks for taking the time to try to counsel me. A couple of my photographer friends have suggested looking into Site Grinder as a plug-in to Photoshop. As I read the reviews, the artist group think it is the greatest and the code writers say it is not great at writing code.
For now, I installed DW CS3 and made a few changes I can live with. CSS some other day or some other way.
Best regards,
M. Jackson -
CS4 no Background Image for cells
In CS3 there was a way to insert background images in a cell
using the Property Inspector. Now in CS4 it isn't there!! What
gives?http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
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
==================
"cdscindy" <[email protected]> wrote in
message
news:gdd0jh$t33$[email protected]..
> >With CSS, you define the rule in one place and it
affects all table
> cells to which the rule is applied. If you want to
change the
> background, you change just one place.
>
> You win! Sort of... I have been using html for a
looooong time. Works
> pretty
> good for me. I just can't see an instance where using
backgrounds in so
> many
> cells would even happen. Normally I would just change
the background once
> by
> changing it in PS.
>
> Its looking more and more like I am going to have to
refine my CSS. I want
> simple...simple book or tutorial. I don't have time
these days to have a
> long
> learning curve. So on the simple part, any ideas?
>
> -
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.
Maybe you are looking for
-
HP Officejet Pro 8100 - AirPrint - wireless
My HP Officejet Pro 8100 had been working just fine with AirPrint, but then I changed my wireless router and I've forgotten how the printer was configured originally. I only use the 8100 with my apple iPhone 4S, it's not connected to any computer and
-
Cs adobe photoshop.. problems to activate it
Hi We have long time ago installed Adobe Photoshop CS v.8 to an old pc. We don´t have this old PC anymore..Now we are trying to install this software to an other pc. We tried to install this software to an other PC. We gave the serial number and get
-
HT4848 External hard drive issue
after I recover how do I make my laptop recognize my external hard drive that I used to install it?
-
COA Numbers invalid - read this for more news
hello all, I've got news for everyone having problems with the vista upgrade,today (tuesday 6th feb 07) I finally got through to moduslink and the reason for coa numbers is because preinstalled software coa numbers will not be verified by microsoft.
-
Dear All, i am working on CRM 5.0 Netweaver-2004S-SR2, facing below errror. Error when processing your request What has happened? The URL http://hllsap44.in.u1609.unilever.com:1080/sap/bc/bsp/sap/crm_bsp_frame/mainDH.do was not called due to an error