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

Similar Messages

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?

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

How to insert a background image in VGroup in Flex Mobile

I want to insert a background image for this VGroup. Help me out. I'm new to Flex !!
I'm using this code in Flex Mobile Application
<s:VGroup height="100%" width="100%"
          paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
    <s:List id="homeList" height="100%"
            labelField="title"
            dataProvider="{homeNews}">
        <s:layout>
            <s:TileLayout requestedColumnCount="1"
                          verticalGap="5"/>
        </s:layout>
        <s:itemRenderer>
            <fx:Component>
                <s:ItemRenderer>
                    <s:VGroup>
                        <s:BitmapImage source="{data.source}"/>
                        <s:Label text="{data.title}" />
                    </s:VGroup>
                </s:ItemRenderer>
            </fx:Component>
        </s:itemRenderer>
    </s:List>
</s:VGroup>

I don't think you can add a background image to a VGroup directly, nor can VGroup be skinned.
As far as I am aware there are probably 2 solutions
1) use a SkinnableContainer instead skin the container to have a background image and set its layout to VerticalLayout
2) enclose the VGroup in a Group with a BasicLayout. you can then add a background image to the Group and overlay the VGroup

Inserting a background image on JFrame

I am developing an interactive system for the london 2012 olympics (Not a real one, just a project :-)) I am starting by creating my GUI layout. This is where i have started.
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.border.*;
import java.util.*;
import java.awt.event.KeyListener;
import java.io.*;
import java.text.*;
public class Assignment extends JFrame
   private JLabel londOnJLabel;
public Assignment()
          ImageIcon image = new ImageIcon("???.jpg");
          JLabel background = new JLabel(image);
          background.setBounds(0, 0, image.getIconWidth(), image.getIconHeight());
          getLayeredPane().add(background, new Integer(Integer.MIN_VALUE));
private void createUserInterface()
          Container contentPane = getContentPane();
          contentPane.setLayout( null );
          londOnJLabel = new JLabel();
          londOnJLabel.setBounds( 19, 19, 875, 28 );
          londOnJLabel.setText( "LONDON 2012" );
          londOnJLabel.setFont(new Font( "Default", Font.BOLD, 36 ) );
          londOnJLabel.setHorizontalAlignment(JLabel.CENTER );
          contentPane.add( londOnJLabel );
          setTitle( "LONDON 2012" );
          setSize( 1000, 750 );
          setVisible( true );
public static void main( String[] args )
      Assignment application = new Assignment();
      application.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
}So at the moment this Just displays LONDON 2012 on my application. Now what i would like to try and do is insert a background image of the olympic rings. How would i go about doing this?
cheers

THFC wrote:
sorry, when u say dont subclass JFrame, are you referring to this?
public Assignment() ....
No I meant don't do this: public class Assignment extends JFrameBut rather do this: do this: public class Assignment extends JPanelFor example:
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
public class Assignment2 extends JPanel
private static final String FILE_PATH = "myImageFile.jpg"; // !! change this
private static final String NET_URL_PATH = "http://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Mooring_bollard_at_sunset%2C_Lyme_Regis.jpg/800px-Mooring_bollard_at_sunset%2C_Lyme_Regis.jpg";
// Photo by Michael Maggs, Wikimedia Commons: http://commons.wikimedia.org/wiki/Image:Mooring_bollard_at_sunset%2C_Lyme_Regis.jpg
private BufferedImage image = null;
public Assignment2()
    try
      // first load the image
      //image = ImageIO.read(new File(FILE_PATH));
      image = ImageIO.read(new URL(NET_URL_PATH));
    catch (IOException e)
      e.printStackTrace();
    // then set up the JPanel. Try to avoid using the "null" layout
    JLabel titleLabel = new JLabel("My Title Goes Here");
    titleLabel.setFont(titleLabel.getFont().deriveFont(Font.BOLD, 36));
    titleLabel.setForeground(Color.lightGray);
    JPanel titlePanel = new JPanel();
    titlePanel.setOpaque(false);
    titlePanel.add(titleLabel);
    setPreferredSize(new Dimension(800, 590));
    setLayout(new BorderLayout());
    add(titlePanel, BorderLayout.NORTH);
@Override // here's where I paint my background:
protected void paintComponent(Graphics g)
    super.paintComponent(g);
    if (image != null)
      g.drawImage(image, 0, 0, this);
private static void createAndShowUI()
    // Then I only create my JFrame when I need it. I don't override it.
    // This way, I can use this same code in a JApplet, or a JDialog, or whatever
    JFrame frame = new JFrame("Assignment2");
    frame.getContentPane().add(new Assignment2()); // and add the JPanel to the JFrame here
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.pack();
    frame.setLocationRelativeTo(null);
    frame.setVisible(true);
public static void main(String[] args)
    java.awt.EventQueue.invokeLater(new Runnable()
      public void run()
        createAndShowUI();
}Edited by: Encephalopathic on May 26, 2008 4:11 PM

Inserting Random Background Images

Hi
Can someone please please help me. I have a very simple Flash
movie where I
want to insert a random background image every time the movie
plays or the
web page is refreshed.
I found the following script online but need a step by step
idiot¹s guide
how to add it to the original Flash file.
randomClips = new Array ("background0.jpg",
"background1.jpg",
"background2.jpg", "background3.jpg");
function randomBackground() {
randomNumber = random (randomClips.length);
_root.mtClip.loadMovie (randomClips[randomNumber]);
randomBackground();
Cheers
Sally

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3299484431_177155
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
Hi
Many many thanks. This is practically the same as Rob from
Action Script
Group suggested. You are both geniuses!!! I didn¹t
though alter the size
of the stage as I have an existing movie.
Thanks again,
Take care
With kind regards
Sally
--B_3299484431_177155
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>Re: Inserting Random Background
Images</TITLE>
</HEAD>
<BODY>
<FONT FACE=3D"Verdana, Helvetica, Arial"><SPAN
STYLE=3D'font-size:12.0px'>Hi<BR=
>
<BR>
Many many thanks. This is practically the same as
Rob from Action Scr=
ipt Group suggested. You are
both geniuses!!! I didn=
’t though alter the size of the stage as I have an
existing movie. &nb=
sp;<BR>
<BR>
Thanks again,<BR>
<BR>
Take care<BR>
<BR>
With kind regards<BR>
<BR>
Sally<BR>
</SPAN></FONT>
</BODY>
</HTML>
--B_3299484431_177155--

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

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

Centering background image [was: I have inserted an image background...]

Here is the code. body{ background-image:url(backgrounds/MOMANDDAD.JPEG);}. what do i need to do to correct this mistake?
I have made an inline stylesheet on a html and put a background image in it and it will not center in ie8, but is okay in firefox 3.09. what is going on?
thanks mike

In the future, try to keep your subject brief: "Centering background image" would suffice.
Without seeing your site, image and other code, it's hard to guess what you have done so far. Posting a URL to the live page is the best way to get a reply.
Try this in your CSS:
body {
background: url (your_image.jpg) top center no-repeat;}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Tutorials - http://w3schools.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/

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

Centering a background image [was: How is this done.. what am I doing wrong....]

Hi,
I am kinda new to DW. I have a .jpg that is 1000pixels wide and 1100 pixies tall which I want to use as the background for my site. I want that image to be centered (not justified left). Next I want two tables on top of that image. The first one will be for my buttons/links and the second will be for any text and images that will appear below the buttons.
I have got this to work in DW and it looks fine when I preview it in a browser. However, after uploading it, my background image disappears and I get a question mark.
http://test.taffyproductions.com/
Also, both my tables are centered, but the background image is not.
Thanks to anyone that can help.
Gary
[Subject line edited by moderator to make it clear what the question is about]

This file is 404 - not found on server.
http://test.taffyproductions.com/_images/Taffyhome.jpg
Did you upload it to the server? BTW I'm not too keen on using a leading underscore in file or folder names. Why not just name it "images?"
Finally, trying to precisely align images and text over a huge background image is very challenging. It works in Print design but isn't an ideal way to work with web pages. Be sure to test your site often in all browsers and available text sizes. You may be in for some big surprises if you don't.
To center a page background with CSS:
body {
background: url (path/filename.jpg) no-repeat center top;
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

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
>

Inserting 2 background images in to you site

I've seen many sites with more than 1 background images. How
can I do that with Dreamweaver CS3?
I am very curious and I need to know how to do that. I am a
newbie. Please don't give me horrible instructions. If you could
please just give me a link to a tutorial or if it is very simple
just tell me how to do it =]

Ok, try this, it will give you something to play with. Copy
all of the code
below between the *** and *** and paste it into a new html
page.
I did not make the top div 1000px wide, that would cause
quite a few people
to scroll left to right, but change it if you prefer. Your
bottom div will
grow in size depending on content.
Now someone else may have a better suggestion for you, but
this is one way
you can do what you seem to want to do.
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#topdiv {
width:90%;
margin:auto;
min-height:800px;
background-image:(right click your mouse, go to Code Hints |
URL Browser,
and find your bakcground image file);
background-position:center;
background-repeat:no-repeat;
border:#000066 thin groove;
background-color:#FFFFCC;
#bottomdiv {
width:90%;
margin:auto;
border:#3333FF thin groove;
background-color:#33FF99;
background-image:(right click your mouse, go to Code Hints |
URL Browser,
and find your background image file);
</style>
</head>
<body>
<div id="topdiv">put 1000 x 800 in the #topdiv css rule
above in the head
tag. You will need to put all of your content containers
inside this div to
keep bg image inplace.</div>
<div id="bottomdiv">Put repeating image in #bottomdiv
in the CSS rule in
your head tag.. If you have content that is going to match up
to content in
the topdiv, you will need to keep same size &
margins.</div>
</body>
</html>
"Cyberhuntera" <[email protected]> wrote in
message
news:[email protected]...
>I want a background design image(1000x800) center;top and
a repeating
> background image(5x5) wich is behind the background.
>
> I am novice still, but I want to learn everything about
HTML.
> For now I know basic HTML and CSS - almost nothing about
it :(
>

Inserting table background images [was: CS4 DW]

Similar Messages

Maybe you are looking for