Re: Problem using Background Images

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

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

Similar Messages

How to use background image for a page that work in Netscape..???

Hi there
Is there anyway around to use background image for a portal page that works well with netscape.
As I have used that but in coming in Netscape.
thanks
Rakesh

1) You post questions in the wrong forum. (As you title says this is a Swing question).
2) Not once in your last 10 postings have you ever bothered to reply to a posting to thank people for the help you have received.
I seriously doubt you well ever get answers in the future.

Problem using an image for a background

Hi,
My environment is Crystal Report 2008 SP2
I am adding an image for a table header background in my report. The image is of type png.
I use insert picture when I add it to the report. Up to there everything works fine.
My problem happens when I try to draw lines on top of the image.
All the lines that I draw stay underneath the image. Even though I move the image to the back and move the lines to the top.
Any idea why?
Is there something that I should do differently if I want to use an image as background?
Thanks

Please re-post if this is still an issue or purchase a case and have a dedicated support engineer work with you directly:
http://store.businessobjects.com/store/bobjamer/DisplayProductByTypePage&parentCategoryID=&categoryID=11522300?resid=-Z5tUwoHAiwAAA8@NLgAAAAS&rests=1254701640551

Problem with Background image and JFrame

Hi there!
I've the following problem:
I created a JFrame with an integrated JPanel. In this JFrame I display a background image. Therefore I've used my own contentPane:
public class MContentPane extends JComponent{
private Image backgroundImage = null;
public MContentPane() {
super();
* Returns the background image
* @return Background image
public Image getBackgroundImage() {
return backgroundImage;
* Sets the background image
* @param backgroundImage Background image
public void setBackgroundImage(Image backgroundImage) {
this.backgroundImage = backgroundImage;
* Overrides the painting to display a background image
protected void paintComponent(Graphics g) {
if (isOpaque()) {
g.setColor(getBackground());
g.fillRect(0, 0, getWidth(), getHeight());
if (backgroundImage != null) {
g.drawImage(backgroundImage,0,0,this);
super.paintComponent(g);
Now the background image displays correct. But as soon as I click on some combobox that is placed within the integrated JPanel I see fractals of the opened combobox on the background. When I minimize
the Frame they disappear. Sometimes though I get also some fractals when resizing the JFrame.
It seems there is some problem with the redrawing of the background e.g. it doesn't get redrawn as often as it should be!?
Could anyone give me some hint, on how to achieve a clear background after clicking some combobox?
Thx in advance

I still prefer using a border to draw a background image:
import java.awt.*;
import java.awt.image.*;
import javax.swing.border.*;
public class CentredBackgroundBorder implements Border {
    private final BufferedImage image;
    public CentredBackgroundBorder(BufferedImage image) {
        this.image = image;
    public void paintBorder(Component c, Graphics g, int x, int y, int width, int height) {
        int x0 = x + (width-image.getWidth())/2;
        int y0 = y + (height-image.getHeight())/2;
        g. drawImage(image, x0, y0, null);
    public Insets getBorderInsets(Component c) {
        return new Insets(0,0,0,0);
    public boolean isBorderOpaque() {
        return true;
}And here is a demo where I load the background image asynchronously, so that I can launch the GUI before the image is done loading. Warning: you may find the image disturbing...
import java.awt.*;
import java.io.*;
import java.net.URL;
import javax.imageio.*;
import javax.swing.*;
import javax.swing.border.*;
public class BackgroundBorderExample {
    public static void main(String[] args) throws IOException {
        JFrame.setDefaultLookAndFeelDecorated(true);
        JFrame f = new JFrame("BackgroundBorderExample");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        JTextArea area = new JTextArea(24,80);
        area.setForeground(Color.WHITE);
        area.setOpaque(false);
        area.read(new FileReader(new File("BackgroundBorderExample.java")), null);
        final JScrollPane sp = new JScrollPane(area);
        sp.setBackground(Color.BLACK);
        sp.getViewport().setOpaque(false);
        f.getContentPane().add(sp);
        f.setSize(600,400);
        f.setLocationRelativeTo(null);
        f.setVisible(true);
        String url = "http://today.java.net/jag/bio/JagHeadshot.jpg";
        final Border bkgrnd = new CentredBackgroundBorder(ImageIO.read(new URL(url)));
        Runnable r = new Runnable() {
            public void run() {
                sp.setViewportBorder(bkgrnd);
                sp.repaint();
        SwingUtilities.invokeLater(r);
}

Template Problem: Tiling background image gone and duplicate .swf headers

Problem 1: I have been working with a template, and creating
new files from the template without incident. Recently I created a
new file from the template and found that the tiling background
image (dots appearing on the right and left of the page) was gone.
The tiling image is present in the template, but not in files
created from it. Any guess how I broke that?
Problem 2: In my template I have an editable region wherein I
can place a .swf animation. When I upload my page made from the
template, a pair of .swfs appear stacked on top of each other, not
just the single .swf graphic. Any guess what I am doing wrong
there?
The problem page can be viewed here (
Shop
Page), and the template files are located here (
Template
right-click and Save-As).
I appreciate any help you can offer.
*Using Dreamweaver CS3 on Mac OS 10.5.2

> Regarding that tiling image problem? the image in my
template file has a
> relative address, but when I make a new file from the
template the
> location of
> the image is absolute, and points at my computer.
This will ALWAYS happen when one of the following obtains:
1. The linked file is OUTSIDE the root of the current site.
2. DW *THINKS* that the linked file is OUTSIDE the root of
the current site
(how could this happen? Here's a for example - the path to
the root folder
looks like this -
C:\whatever\joe's files\blah blah blah\thefilename.jpg
Fix either of those issues, and the problem will go away.
Might that be your problem?
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
==================
"adam@blueapplestudio" <[email protected]>
wrote in message
news:fuo8dk$8sh$[email protected]..
> Thanks to the newsgroup users who have helped out with
this. I will be
> getting
> a newsreader soon, as the Adobe forum seems to be a bit
flawed.
>
> Regarding that tiling image problem? the image in my
template file has a
> relative address, but when I make a new file from the
template the
> location of
> the image is absolute, and points at my computer. This
seems to fix it:
>
> Open the template and make a new file from the template.
> Make a minor change to the template, save, and update
all linked files.
> Undo the change just made to the template, save and
update again.
>
> If you look at the new file-from-template you will find
the file needs to
> be
> saved (as denoted by the asterisk by its name) and the
tiling background
> is now
> corrected.
>
>

How to use background image in ABAP - webdynpro

Hi,
My requirement is like that.
I want to display a background image. Over the background image i want to display my ALV list or report.
How to display my personalized image in background.
Please assist me....
Thanks in Adv.

hi ,
this is not possible:
refer these threads :
Background Image
I Assign Background Image to a Group (Ans by Thomas)
Image as Background Image possible?
as correctly pointed above and in this thread
use your own stylesheets
refer this thread for more information on styles :
EP 7 Portal stylesheet with WD ABAP
to display image in the foreground :
refer this WIKI
https://wiki.sdn.sap.com/wiki/display/stage/DisplayEmployeeImageinABAPWebDynpro+Application
regards,
amit

In AFBrandingBarTitle how to use background-image

Tell me the exact use of background-image component in AFBrandingBarTitle with the line of code and full description

Mayur Mitkari
version -JDeveloper 11g Release1
customizing skins through code
try to add image from desktop into the skin , As a background image of Branding bar title
Edited by: 942784 on Jul 9, 2012 11:13 PM
Edited by: 942784 on Jul 9, 2012 11:14 PM

Using Background Image In Dreamweaver

Good evening.
I'm using a non-repeating, centered background image in Dreamweaver. But i'd like it to self-adjust its size depending upon what monitor size its viewing it. Can someone provide some coding for help with this???
Here's where i'm at thus far..
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="welcome10.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body style="background-color: #000; background-position: center top; background-repeat: no-repeat; background-image: url(images/girls-bg9.jpg); background-attachment: fixed;">
<div id="wrapper">
          <div id="container">
    </div>
</div>
</body>
</html>
css -
@charset "utf-8";
/* CSS Document */
#wrapper{
          width: auto;
          height: 1600px;
#container {
          background-color: #FFF;
          height: 200px;
          margin-right: 100px;
          margin-left: 100px;
          margin-top: 100px;
thanks guys, and gals...

Background-size would do the trick, but keep in mind, most CSS3 does not function in IE9 (though this will), and won't at all in IE8 and down. If you need it to work in those browsers, the best way to do it would be with javascript. I've used the script available on this site with some success...
http://louisremi.github.io/jquery.backgroundSize.js/demo/

Problem will background images

the website is:
bronteguesthouse.yorkwebsites.co.uk
everything looks fine in firefox and in dreamweaver and i
can't see why the background images won't show in explorer. thanks
if anyone can look at this.

My guess is to use CSS for that row
http://www.htmlcodetutorial.com/tables/index_famsupp_186.html
"jonah.n" <[email protected]> wrote in
message
news:e41qm0$8d0$[email protected]..
> the website is:
>
> bronteguesthouse.yorkwebsites.co.uk
>
> everything looks fine in firefox and in dreamweaver and
i can't see why
> the
> background images won't show in explorer. thanks if
anyone can look at
> this.
>

Problem editing background images

I recorded a web interface simulation that contains sensitive
customer information. All customer data has been edited by
individually modifying background images in Photoshop to convert
real customer information into generic looking accounts. The movie
plays back fine when there is no mouse activity, however, when the
mouse is clicked, the old hyperlink text (that was edited out in
Photoshop) appears in the area that is being clicked.
The movie has three layers (mouse, highlight, background). If
I delete the mouse & highlight layers, the background still
changes at the time of the mouse click. I can open the background
in Photoshop, and it shows the properly edited version. It would
appear that Captivate is pulling some type of image/video from the
library at the time of the mouse click, but I have combed through
the entire library to make sure none of the older assets exist.
Any ideas, or is lack of caffeine the issue?
- Jon

I think I found the source of this issue in a KB article
here.
I will reply back if it does not work.
- Jon

Problem using still images

I am making a movie out of pictures that incorporates tons of pictures into a "flip book" effect where they go by really fast and things suddenly move across the screen.
My Problem: I imported all my photos in and imovie is using a "zoom" effect on every single photo and obviously that is not good because it doesn't show the entire picture? I have no effects on any of the photos and have clicked on every tool bar and can't figure it out.
HELP?!?

The zoom effect is known as the Ken Burns effect. That is the default setting in iMovie for photos that are added to your project. You can change this in iMovie's menu - go to File>Project Properties. In the panel that opens, for Initial Photo Placement select Fit in Frame (the other choices are Ken Burns and Crop).
As you already have the photos in your project, you will need to manually change the setting from within the project. In iMovie's menu go to Edit>Select>Photos - all photos in the project will now be highlighted with a yellow border. On one of the photos, click the gear icon and select "Cropping, Ken Burns & Rotation". In the Viewer you will see 3 items in the upper left corner, named Fit, Crop and Ken Burns - select Fit then click on the Done button (important!). Now all your photos will remain stationary, with no zooming.
In addition to clicking the gear icon, you can also select Cropping, Ken Burns & Rotation by clicking on the Crop icon in the centre menu bar. It's the icon immediately to the right of the icon shaped like a microphone.
Whenever you start a new project, it's important that you change the settings for Initial Photo Placement (in File>Project Properties) to Fit in Frame, otherwise all photos added to your project will have the Ken Burns effect applied to them - unless of course you want that effect.
NOTE: These instructions are for iMovie '11 but, to the best of my recollection, they apply equally to iMovie '09.
John
Message was edited by: John Cogdell - added NOTE

MOVED: Problems using Silicon Image Sil3132 on P6N SLI Platinum motherboard

This topic has been moved to Intel Core 2 Duo/Quad boards.
https://forum-en.msi.com/index.php?topic=143886.0

Quote from: NovJoe on 14-December-10, 22:37:59
Have you install the drivers for the add on controller card?
Yes, as I mentioned in my post the add on card is seen fine in Device Manager. It's listed under Storage Controllers, is listed as working properly and has the latest drivers for Windows 7.
Also, everything worked fine under Windows XP. Same add on card and all.

Background images with spry "horizontal menu"

hi again
I am trying to work with the spry: "horizontal menu"
I want to put some background images into the menu bar not into the submenu
and that is the problem: the background images appears overall
what can I do ?
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<div id="container">Raum für den Inhalt von id "container"
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Element 1</a> </li>
<li><a class="MenuBarItemSubmenu" href="#">Element 3</a>
    <ul>
      <li><a href="#" class="MenuBarHorizontal">heija</a>      </li>
      <li><a href="#">soso</a></li>
</ul>
</li>
<li><a href="#">Element 4</a></li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>
and css
ul.MenuBarHorizontal
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     cursor: default;
     width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
     z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     position: relative;
     text-align: center;
     cursor: pointer;
     width: 100px;
     float: left;
     height: 10px;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     z-index: 1020;
     cursor: default;
     width: 100px;
     position: absolute;
     left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
     left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
     width: 100px;
     height: 30px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
     position: absolute;
     margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
     left: auto;
     top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
     border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
     display: block;
     cursor: pointer;
     background-color: #FEF3E4;
     padding: 0.5em 0.75em;
     color: #FFF;
     text-decoration: none;
     background-repeat: no-repeat;
     background-image: url(../rot.jpg);
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
     color: #FF0;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
     background-color: #FEF3E4;
     color: #FF0;
     background-image: url(../rot.jpg);
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
     background-color: #FEF3E4;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
     background-color: #0F9;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
     background-color: #FEF3E4;
     color: #FF0;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
     background-color: #F99;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
     position: absolute;
     z-index: 1010;
     filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
     ul.MenuBarHorizontal li.MenuBarItemIE
          display: inline;
          f\loat: left;
          background: #FFF;

Complete page and css code below (scroll down)
All you should be concerned with at this moment to get the background image to appear in the top level anchor is the css style below:
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-color: #000;
background-image: url(../rot.jpg);
background-repeat: no-repeat;
background-position: left top;
I've added the background-postion because presumably you want it to appear flush left. This overides the out-of-the-box setting which positions it 95% far left.
Here is the code and css:
<!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>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<head>
<style type="text/css">

</style>
<style>
ul.MenuBarHorizontal
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     cursor: default;
     width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
     z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     position: relative;
     text-align: center;
     cursor: pointer;
     width: 100px;
     float: left;
     height: 10px;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
     margin: 0;
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     z-index: 1020;
     cursor: default;
     width: 100px;
     position: absolute;
     left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
     left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
     width: 100px;
     height: 30px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
     position: absolute;
     margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
     left: auto;
     top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
     border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
     display: block;
     cursor: pointer;
     background-color: #FEF3E4;
     padding: 0.5em 0.75em;
     color: #FFF;
     text-decoration: none;
     background-repeat: no-repeat;
     background-image: url(../rot.jpg);
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
     color: #FF0;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
     background-color: #FEF3E4;
     color: #FF0;
     background-image: url(../rot.jpg);
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-color: #000;
background-image: url(../rot.jpg);
background-repeat: no-repeat;
background-position: left top;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
     background-color: #0F9;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
     background-color: #FEF3E4;
     color: #FF0;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
     background-color: #F99;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
     position: absolute;
     z-index: 1010;
     filter:alpha(opacity:0.1);
</style>
</head>
<body>
<div id="container">Raum für den Inhalt von id "container"
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Element 1</a> </li>
<li><a class="MenuBarItemSubmenu" href="#">Element 3</a>
    <ul>
      <li><a href="#" class="MenuBarHorizontal">heija</a>      </li>
      <li><a href="#">soso</a></li>
</ul>
</li>
<li><a href="#">Element 4</a></li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Background Images Do Not Display

Hi --
On this page:
http://www.thelegatogroup.com/test/
I have the DIVs #left and
#right and each has a background image. My problem is that
neither display
either in preview or when live. I can, however, see the
images in DW's
design view.
The DIV #left should display this image:
http://thelegatogroup.com/test/assets/backgrounds/home_piton.jpg;
The DIV #right should display this image:
http://thelegatogroup.com/test/assets/page_elements/divider.jpg
The CSS appears correct and the rules point to the correct
files, the images
are on the server, the page validates, and yet no images.
Can someone take a look and help me see what I'm missing?
Thanks,
John

Good luck! 8)
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
==================
"Tarvardian" <[email protected]> wrote in message
news:[email protected]...
> Because I don't use background images very often, and I
didn't know any
> better. Now I do.
>
> Thanks for your help. I appreciate it.
> John
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Remove this -
>>
>> background-attachment: fixed;
>>
>> You don't need it. Why did you use it?
>>
>> --
>> 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
>> ==================
>>
>>
>> "Tarvardian" <[email protected]> wrote in
message
>> news:[email protected]...
>>> Hi Murray --
>>>
>>> Thanks for taking a look. You were right...the
path was incorrect. But
>>> fixing that, unfortunately, doesn't fix the
problem. I've even used an
>>> absolute page for below file, and it still
doesn't display correctly.
>>> Oddly enough, when I use remove the rule:
background-repeat: no-repeat;
>>> the image appears. It's tiled -- which I don't
want -- but it appears.
>>>
>>> Any idea what's going on?
>>>
>>> John
>>>
>>>
>>> "Murray *ACE*"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> Your links are incorrect.
>>>>
>>>> background-image:
url(../assets/backgrounds/home_piton.jpg);
>>>>
>>>> This one implies that the image would be
here -
>>>>
>>>>
http://www.thelegatogroup.com/assets/backgrounds/home_piton.jpg
>>>>
>>>> but it's not - it's here -
>>>>
>>>>
http://www.thelegatogroup.com/test/assets/backgrounds/home_piton.jpg
>>>>
>>>> --
>>>> 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
>>>> ==================
>>>>
>>>>
>>>> "Tarvardian" <[email protected]>
wrote in message
>>>> news:[email protected]...
>>>>> Hi --
>>>>>
>>>>> On this page:
http://www.thelegatogroup.com/test/
I have the DIVs
>>>>> #left and
>>>>> #right and each has a background image.
My problem is that neither
>>>>> display
>>>>> either in preview or when live. I can,
however, see the images in
>>>>> DW's
>>>>> design view.
>>>>>
>>>>> The DIV #left should display this image:
>>>>>
http://thelegatogroup.com/test/assets/backgrounds/home_piton.jpg;
>>>>> The DIV #right should display this
image:
>>>>>
http://thelegatogroup.com/test/assets/page_elements/divider.jpg
>>>>>
>>>>> The CSS appears correct and the rules
point to the correct files, the
>>>>> images
>>>>> are on the server, the page validates,
and yet no images.
>>>>>
>>>>> Can someone take a look and help me see
what I'm missing?
>>>>>
>>>>> Thanks,
>>>>> John
>>>>>
>>>>
>>>
>>
>

Export background images in bulk

Does anyone have problems exporting background images in bulk? After I capture a series of images and try to export them all at once to an external library, only the first few images export. Additionally, their names are cut off in the new folder. Any suggestions?

Since I cannot designate a file location for each background image (this is under the "type" column when you select the "update" feature in the library), I need to force that location to a drive on my computer. Therefore, I need to export all the background images to the location on my computer than reimport those images into different projects.
I don't understand why Captivate does not allow background images created using the software simulation manual mode to be exported in bulk. It is very time consuming to export than one at a time.

Re: Problem using Background Images

Similar Messages

Maybe you are looking for