Dreamweaver: can i insert a background image in a layout table?

i'm using a layout table and i can't figure out how to put a
non-repeating image into the background of my layout table. is this
possible? i need to center it too.

Before anything else, I would say DON'T USE LAYOUT MODE.
In my opinion, there are three serious problems with Layout
Mode -
1. Perhaps most importantly, it sits between you and *real*
HTML tables,
and fools you into believing that concepts like "layout cell"
and
"autostretch" really mean something. They do not. As long as
you use
Layout Mode, you'll never learn one of the most important
things for new web
developers - how to build solid and reliable tables.
2. Actually, #1 wouldn't be *so* bad, except that the code
that is written
by Layout Mode is really poor code. For example, a layout
table contains
MANY empty rows of cells. This can contribute to a table's
instability.
In addition, if your initial positioning of the table's cells
is a bit
complex,
Layout Mode will throw in col- and rowspans aplenty as it
merges and splits
cells willy-nillly to achieve the pixel-perfect layout you
have specified.
Again,
this is an extremely poor method for building stable tables,
because it
allows
changes in one tiny cell's shape (i.e, dimensions) to ripple
through the
rest
of the table, usually with unexpected and sometimes
disastrous consequences.
This is one of the primary reasons for the final result's
fragility - read
this -
http://apptools.com/rants/spans.php
3. The UI for Layout Mode is beyond confusing - many options
that you might
want to use are inaccessible, e.g., inserting another table,
or layer onto
the page.
I can understand the new user's desire to use this tool to
make their life
easier,
but the cost is just too heavy in my opinion.
To make good tables, keep it simple. Put a table on the page,
and begin to
load your content. If you would want a different table
layout, instead of
merging or splitting cells, consider stacking tables or
nesting simple
tables instead, respectively.
And above all, do not try to build the whole page with a
single table!
Luckily, Adobe understands the problems created for the
unsuspecting user
who falls into this trap, and has elected to remove this
feature altogether
from the next version of DW. The time is right for you to
begin working
with tables properly!
To read more about this approach, visit the DW FAQ link in my
sig, and run
through the table tutorials.
Adobe agrees with this analysis - Layout mode is being
removed from the next
version of DW.
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
==================
"dfgsdrsdr" <[email protected]> wrote in
message
news:[email protected]...
> i'm using a layout table and i can't figure out how to
put a non-repeating
> image into the background of my layout table. is this
possible? i need to
> center it too.

Similar Messages

How can i insert a background image in a fluide grid DW CC

I want a background image for a fluid grill website and cannot seem to find the "how to". Any help would be greatly appreciated.
Regards
Animal86

It's the same as adding a background to any Layout. Use CSS & the background property on your body selector.
body {
background: url(your_BG.jpg)
Nancy O.

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

How can I stretch a background image in label?

Hi,All
How can I stretch a background image in a label?
public void start(final Stage primaryStage) {
             final Label lbTest = new Label("My Test Label");
             lbTest.setAlignment(Pos.CENTER);
             lbTest.setTextAlignment(TextAlignment.CENTER);
             lbTest.setStyle("-fx-background-color:red;-fx-background-repeat:stretch;-fx-background-position:center top;-fx-background-image:url(\"http://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/BlueMarble-2001-2002.jpg/640px-BlueMarble-2001-2002.jpg\");");
             final HBox hbox = new HBox();
             hbox.setId("MyRootPane");
             Button btnLeft=new Button("Left Button");
             Button btnRight=new Button("Right Button");
             hbox.getChildren().addAll(btnLeft,lbTest,btnRight);
             final StackPane layout = new StackPane();
             layout.getChildren().add(hbox);
             Scene scene = new Scene(layout, 600, 320);
             lbTest.prefWidthProperty().bind(scene.widthProperty());
             lbTest.prefHeightProperty().bind(scene.heightProperty());
             primaryStage.setScene(scene);
             primaryStage.show();
    }this code doesn't work,if I deleted css -fx-background-repeat:stretch;the background image stretched but repeated,I want to let the background image stretched and no-repeated,it can be stretched with the resizing window automatically.

Try -fx-background-size: stretch;

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

Why can't I select background images in Pages 5?

So I've got a document with an image of a Gantt Chart, and it's been formatted to be in the background.
When I try to insert a new page before this image, it overlays the text of another page.
Trying to find 'select background images' is no where to be found, whereas in Pages 09, it was fine.
I'm all for simplicity, but removing something like this, and not being able to select this image at all?
Is there anything I've missed?

This is not the answer to the original question but it is an answer to a related problem.
Apparently, Apple removed the simple and useful "Send Object to Background" menu item. For the last half an hour I was straggling to put my signature image under my name in a letter. The image background is white. So, when I insert the image, it is on top of the text and blocking it.
Then, I searched and found this discussion, it helped but not solved the problem. I found a solution inspired by this discussion. Here, what I tried to send an image to the background.
Chose the image in question. When I selected "Arrange -> Section Masters -> Move Object to Page" as suggested in this thread, it moves the image to the background. BUT, the image appears on every page at the same position within the section. If the document is a single-section document (almost all my documents are single-section documents, as I use Pages for short simple documents like letters (in the near future, I'll say "I used to use Pages", as this kind of feature removal makes it unfeasible to use it anymore).
Thus, you have to define a new section which should contain only the page in question. Enough rumbling! Here is exactly what I did:
Let N be the page number on which you wish to put an object in the background.
Go to page N (your cursor must be somewhere on that page)
On the toolbar choose "Setup -> Section Tab -> Create a new section -> Starting with this page"
Go to page N+1
On the toolbar choose "Setup -> Section Tab -> Create a new section -> Starting with this page"
Now, you have a single-page-section on page N.
Put you object on page N
Select the object (image)
On the menu, choose "Arrange -> Section Masters -> Move Object to Page"
Also, I recommend to enable by "Arrange -> Section Masters -> make Master Objects Selectable"
You can put any number of objects on page N by repeating on steps 5 to 8.
The problem is, however, if you continue to edit your document and and sections gets longer, it will start a new page at the end of that section. Which is awful, because you'll have to remove the sections, and start from scratch, or manually move the text from one section to the other. So, do this after you are done with the document. Pity!
If anyone have a better solution it will be appreciated.
-- o --
Now, I will continue to nag, if you allow me. When I open an old Pages document with images in the background, it opens just fine. It is not selectable as the original author stated. This indicate that Pages still support background objects independent of the sections, it just doesn't offer in interface to that facility. Why?
I had a fairly large number of letters and templates I created with Pages. Before it is too late, I'll abandon it.
I have a similar experience with iWeb. Apple promoted it, and then abandon it. Now all of my class pages (http://web.boun.edu.tr/akdogan) look too 2000s style, but I don't have energy to convert them something else at this point, but I'll have to.
So I will continue to use LaTeX for long documents (that has been the choice for a long time), but I'll switch back to almost equally annoying Word for short and medium documents.
Again, pity! I used to like Pages.

How can I get the background image of my website to cycle on a timer?

I'm afraid my experience with Javascript (Which I'm certain this will require) is fairly limited and I'm still quite new to Dreamweaver, so I'm posing this question to you guys.
I'd like the background image of my website to change every five minutes or so, however I'm unsure of how to accomplish this. For those of you with Windows 7, you can set the background of your desktop to cycle through a folder of images every ten minutes or so. I'd like something similar for this website.
Thanks in advance.

Supersized can do this for you with very less need for code.
http://www.buildinternet.com/project/supersized/ - Take a look at their demo. It's also a lightweight plug-in and it has a lot of great effects you could use. Also x-browser friendly.

How can I have a background image for reference ?

HI,
I need to register align horizontally and vertically) about 100 images to the first. I don't want to stack or merge them. An ideal way to accomplish this would be to be able to set the first image as a background reference image for all images in the group. There would be left/right buttons so I could advance through the stack, a slider to adjust the visibility of the foreground image, and up/down & right/left arrows so I could move the upper image a pixel at a time in any direction. In this case I don't need to rotate the image, but this would also be something a person might want to control. Then I would move through the group of images, stopping on each one to align the image to the first. One at a time, or after I am done, it would save all the aligned images to a new filename and folder, without changing the transparency of the image or in any way using the background reference image. Without rotating the images, every pixel in the new image would be the same as in the original, except moved. I would start by resizing the canvas of all the images so they have a border area. This way I can move the image around and not lose any of it.
Of course I could put the reference image in the background layer and the image to be adjusted above it on another layer. Then i can use the background as a reference by making the upper image somewhat transparent. Finially I could delete the background layer and save the image with just the adjusted layer. But this would be tedius with 100 images, even worse if there were 1000..
Is there a reference background image capability in Photoshop CC ? Is there a better or different way to do this ? Or can Bridge do it ?

When I first posted this I had selected Photoshop as the community. After it had posted I saw it had changed and again changed it back to Photoshop. it again reset it to Premier Pro. I don't know why. Also, I had selected Refrence image as a tag and that keeps dissappearing. Even worse, there are no replies. What's the deal ?

How can I put a background image in headers in PAGES

It seems I cannot put a background image in headers. I want a background gradient to go behind the text. I have to place it on the "page" "behind" the header on every sheet instead. Other than creating a graphic that is both (bitmapped) text and image, what can I do? Or is there some way to create an object that has edittable text over the image. Thanks, Peter

If you are referring to Pages app, it is easy:
Open your document
Go to Menu >> View >> Show Layout
You will see headers, body and footers laid out with edges
Click inside the header
Open your Media browser
Drag your graphics (or photo) into the header
Be sure to PRESS AND HOLD COMMAND (APPLE) KEY while you do this!!!
If you don't pres the key, the picture will be pasted outside the header!
I think the Command key press was what was screwing you up here...
This applies to Numbers and iWeb as well, BTW

Can you "bleed" a background image through a DW template?

I'm in the process of redesigning a simple site and am fairly new to working with DW. I created a template with navigation along the left side and a content box on the right. The client requests a background image (which I set in the CSS body tag). However, once I set the content portion of the template it sits on top of the background image (effectively blocking out portions of the background image). I need it to "bleed" through so that the background image covers the entire screen content.
Example: http://www.mchenrycac.org/test/index.html (or see image in the attachment)
Can anyone suggest how to get the image to show through the content portion of the template?
Russ

It took me a few "tries" to place the code in the right place (and a few
different iterations of the example given on the site) but the opacity tag
does work as suggested. Setting the opacity to 100% allows the entire
background to bleed through as I needed.
I had to completely remove the suggested CSS tags for IE7 and IE8 however
and go with just the opacity tag. Tested this in IE8 and Firefox and both
display the opacity correctly with the single opacity statement:
.opaque
The class was added to the table statement in my template (the table that
contains the content area for every web page) and works beautifully. Thank
you for the quick response...
Russ

Can you lock the background image orientation?

Hello all
Is there a way to lock the image orientation? When I turn the iPad, I want the apps to rotate, but I want the background image to stay portrait.
If not, is there someplace i can suggest the feature?
Thanks!

No. It will orient along with your view. You can post feedback here: http://www.apple.com/feedback/

Can u add a background image to a 3D annotation?

I like many others here are interested in 3D in web pages and to do so I would need to at times add background images to 3D annotations within the acrobat 3D embed to match the html page. Is this possible?
-Thanks!

You can make the 3D annotation background transparent (it's an option on the config menu when you create a 3Dannot) and whatever's in the background on your PDF will show through, so you can match up with your page. You need to jiggle a bit if you're showing a pre-activation poster image though.

How can I do a Background image like this (example inside)

Check this out:
Click Here
Notice if you view the background image by itself, its much bigger than what is appearing on the website in the browser. Is it set to automatically adjust to your monitor size? How can I achieve this through CSS?
Also, how can I setup a transparent background (like in the middle of the page?)
Thanks

"Is it set to automatically adjust to your monitor size? How can I achieve this through CSS?"
It's an illusion. The body background image is defined with a fixed position, so the image is actually floating off to the left when viewport width is decreased. Another example of this can be seen here along with the CSS code used to create it.
http://alt-web.com/DEMOS/fixed-background.shtml.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Tutorials - http://w3schools.com/

Dreamweaver: can i insert a background image in a layout table?

Similar Messages

Maybe you are looking for