Adding background image to JPanal...............PLEASE PLEASE HELP

Hi,
i am very very stuck in adding a image to a JPanel. here is my code could any one please show me where and how to add an image to this please. a sample code would be prefered.
Thanks
* card.java
public class card extends javax.swing.JFrame {
/** Creates new form card */
public card() {
initComponents();
/** This method is called from within the constructor to
* initialize the form.
* WARNING: Do NOT modify this code. The content of this method is
* always regenerated by the Form Editor.
private void initComponents() {
java.awt.GridBagConstraints gridBagConstraints;
jPanel1 = new javax.swing.JPanel();
jLabel1 = new javax.swing.JLabel();
jButton1 = new javax.swing.JButton();
jButton2 = new javax.swing.JButton();
jButton3 = new javax.swing.JButton();
jPanel2 = new javax.swing.JPanel();
getContentPane().setLayout(new java.awt.GridBagLayout());
setTitle("Card Game");
addWindowListener(new java.awt.event.WindowAdapter() {
public void windowClosing(java.awt.event.WindowEvent evt) {
exitForm(evt);
jPanel1.setLayout(new java.awt.GridBagLayout());
jPanel1.setBackground(new java.awt.Color(255, 255, 255));
jLabel1.setIcon(new javax.swing.ImageIcon("card game implementation\\headingF1.jpg"));
gridBagConstraints = new java.awt.GridBagConstraints();
gridBagConstraints.gridx = 0;
gridBagConstraints.gridy = 0;
gridBagConstraints.gridwidth = 2;
gridBagConstraints.insets = new java.awt.Insets(5, 145, 0, 205);
jPanel1.add(jLabel1, gridBagConstraints);
jButton1.setIcon(new javax.swing.ImageIcon("card game implementation\\Nigat\\helpbuttonF.jpg"));
gridBagConstraints = new java.awt.GridBagConstraints();
gridBagConstraints.gridx = 1;
gridBagConstraints.gridy = 1;
gridBagConstraints.ipadx = -36;
gridBagConstraints.ipady = -10;
gridBagConstraints.insets = new java.awt.Insets(83, 40, 130, 40);
jPanel1.add(jButton1, gridBagConstraints);
jButton2.setIcon(new javax.swing.ImageIcon("card game implementation\\Nigat\\newgame1.jpg"));
gridBagConstraints = new java.awt.GridBagConstraints();
gridBagConstraints.gridx = 1;
gridBagConstraints.gridy = 1;
gridBagConstraints.ipadx = -39;
gridBagConstraints.ipady = -12;
gridBagConstraints.insets = new java.awt.Insets(213, 40, 0, 40);
jPanel1.add(jButton2, gridBagConstraints);
jButton3.setIcon(new javax.swing.ImageIcon("card game implementation\\Nigat\\quit1.jpg"));
gridBagConstraints = new java.awt.GridBagConstraints();
gridBagConstraints.gridx = 1;
gridBagConstraints.gridy = 2;
gridBagConstraints.ipadx = -39;
gridBagConstraints.ipady = -12;
gridBagConstraints.insets = new java.awt.Insets(80, 40, 70, 40);
jPanel1.add(jButton3, gridBagConstraints);
jPanel2.setLayout(new java.awt.GridBagLayout());
gridBagConstraints = new java.awt.GridBagConstraints();
gridBagConstraints.gridx = 0;
gridBagConstraints.gridy = 1;
gridBagConstraints.gridheight = 2;
gridBagConstraints.ipadx = 420;
gridBagConstraints.ipady = 400;
gridBagConstraints.insets = new java.awt.Insets(43, 60, 40, 0);
jPanel1.add(jPanel2, gridBagConstraints);
gridBagConstraints = new java.awt.GridBagConstraints();
gridBagConstraints.gridx = 0;
gridBagConstraints.gridy = 0;
gridBagConstraints.insets = new java.awt.Insets(0, 0, 1, 1);
getContentPane().add(jPanel1, gridBagConstraints);
pack();
/** Exit the Application */
private void exitForm(java.awt.event.WindowEvent evt) {
System.exit(0);
* @param args the command line arguments
public static void main(String args[]) {
new card().show();
// Variables declaration - do not modify
private javax.swing.JButton jButton1;
private javax.swing.JButton jButton2;
private javax.swing.JButton jButton3;
private javax.swing.JLabel jLabel1;
private javax.swing.JPanel jPanel1;
private javax.swing.JPanel jPanel2;
// End of variables declaration

My images loaded up just fine. I left them in and commented out. Try using the single forward slash below...
public class CardTest extends javax.swing.JFrame {
    /** Creates new form card */
    public CardTest() {
        initComponents();
    /** This method is called from within the constructor to
     * initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is
     * always regenerated by the Form Editor.
    private void initComponents() {
        java.awt.GridBagConstraints gridBagConstraints;
        jPanel1 = new javax.swing.JPanel();
        jLabel1 = new javax.swing.JLabel();
        jButton1 = new javax.swing.JButton();
        jButton2 = new javax.swing.JButton();
        jButton3 = new javax.swing.JButton();
        jPanel2 = new javax.swing.JPanel();
        getContentPane().setLayout(new java.awt.GridBagLayout());
        setTitle("Card Game");
        addWindowListener(new java.awt.event.WindowAdapter() {
            public void windowClosing(java.awt.event.WindowEvent evt) {
                exitForm(evt);
        jPanel1.setLayout(new java.awt.GridBagLayout());
        jPanel1.setBackground(new java.awt.Color(255, 255, 255));
        jLabel1.setIcon(new javax.swing.ImageIcon(
                        //"images/T1.gif"));
                        "card game implementation/headingF1.jpg"));
        gridBagConstraints = new java.awt.GridBagConstraints();
        gridBagConstraints.gridx = 0;
        gridBagConstraints.gridy = 0;
        gridBagConstraints.gridwidth = 2;
        gridBagConstraints.insets = new java.awt.Insets(5, 145, 0, 205);
        jPanel1.add(jLabel1, gridBagConstraints);
        jButton1.setIcon(new javax.swing.ImageIcon(
                         //"images/T2.gif"));
                         "card game implementation/Nigat/helpbuttonF.jpg"));
        gridBagConstraints = new java.awt.GridBagConstraints();
        gridBagConstraints.gridx = 1;
        gridBagConstraints.gridy = 1;
        gridBagConstraints.ipadx = -36;
        gridBagConstraints.ipady = -10;
        gridBagConstraints.insets = new java.awt.Insets(83, 40, 130, 40);
        jPanel1.add(jButton1, gridBagConstraints);
        jButton2.setIcon(new javax.swing.ImageIcon(
                         //"images/T3.gif"));
                         "card game implementation/Nigat/newgame1.jpg"));
        gridBagConstraints = new java.awt.GridBagConstraints();
        gridBagConstraints.gridx = 1;
        gridBagConstraints.gridy = 1;
        gridBagConstraints.ipadx = -39;
        gridBagConstraints.ipady = -12;
        gridBagConstraints.insets = new java.awt.Insets(213, 40, 0, 40);
        jPanel1.add(jButton2, gridBagConstraints);
        jButton3.setIcon(new javax.swing.ImageIcon(
                         //"images/T4.gif"));
                         "card game implementation/Nigat/quit1.jpg"));
        gridBagConstraints = new java.awt.GridBagConstraints();
        gridBagConstraints.gridx = 1;
        gridBagConstraints.gridy = 2;
        gridBagConstraints.ipadx = -39;
        gridBagConstraints.ipady = -12;
        gridBagConstraints.insets = new java.awt.Insets(80, 40, 70, 40);
        jPanel1.add(jButton3, gridBagConstraints);
        jPanel2.setLayout(new java.awt.GridBagLayout());
        gridBagConstraints = new java.awt.GridBagConstraints();
        gridBagConstraints.gridx = 0;
        gridBagConstraints.gridy = 1;
        gridBagConstraints.gridheight = 2;
        gridBagConstraints.ipadx = 420;
        gridBagConstraints.ipady = 400;
        gridBagConstraints.insets = new java.awt.Insets(43, 60, 40, 0);
        jPanel1.add(jPanel2, gridBagConstraints);
        gridBagConstraints = new java.awt.GridBagConstraints();
        gridBagConstraints.gridx = 0;
        gridBagConstraints.gridy = 0;
        gridBagConstraints.insets = new java.awt.Insets(0, 0, 1, 1);
        getContentPane().add(jPanel1, gridBagConstraints);
        pack();
    /** Exit the Application */
    private void exitForm(java.awt.event.WindowEvent evt) {
        System.exit(0);
     * @param args the command line arguments
    public static void main(String args[]) {
        new CardTest().setVisible(true);
    // Variables declaration - do not modify
    private javax.swing.JButton jButton1;
    private javax.swing.JButton jButton2;
    private javax.swing.JButton jButton3;
    private javax.swing.JLabel jLabel1;
    private javax.swing.JPanel jPanel1;
    private javax.swing.JPanel jPanel2;
    // End of variables declaration
}

Similar Messages

Adding background image to portlet title bar

Hi,
Does anyone know how to add a background image to a portlet title bar. I have tried using the LAF editor but nothing seems to work. The image will be static and not change.
Any help appreciated.

Hi Chris
You have to modify the .css file depending on the type of Skin you are using like "default" or "bighorn" in case of 10.x and 9.x etc. Best thing is to install Firebug for Firefox and inspect the Titlebar in firebug. That should tell exactly which .css file and which element in that .css file is used to render the Portlet Title bar.
For "default" skin, the file is window.css and the element in this file is ".bea-portal-window-titlebar" with background-color: #XXXXXX. Replace this or add another field like background-image: url(your image path). This window.css file can be found under WebContent\framework\skins\default\css\window.css. Remember that in 9.x and 10.x to see this file from Workshop IDE, you need to switch view to Merged Projects and select this file and copy this to your project to view it. BUT, I would not recommend to modify any out of box .css file. Instead create a new file custom.css file and add entries in this file which you want to overwrite. This is the standard way to customize any out of box skins look and feel. So in your custom.css file your will have one entry like this:
.bea-portal-window-titlebar {
background-image: url(your image path)
For "bighorn" skin introduced in 9.x and 10.x, the elements in .css files are slighty different but the concept is same. I customized out of box bighorn skin to change background color of portlet title bar. The .css location for portlet title bar for bighorn skin is: WebContent\framework\skins\bighorn\css\colors.css and the element is ".wlp-bighorn-titlebar". For quick testing from Firebug, inspect this element and change the background color to something else and see if it reflects in Firefox. Then you can create custom.css file under same folder structure in your portal web project and over write this element and this field alone with the background-image that you want something like:
.wlp-bighorn-titlebar {
background-color:#FF0000;
background-image:url(your image path);
It is highly recommended to have all customizations go into custom.css file only. Please make sure that you have this custom.css file entry in the skin.xml file (in case of bighorn) or skin.properties file (in case of old legacy default skin). This .xml or .properties file can be found under same folder structure like: WebContent\framework\skins\yourSkin. For new bighorn skin.xml file this custom.css file entry is already there. But for old legacy default skin you may need to add this entry.
HTH
Ravi Jegga

Adding background image in JavaFX

I am using javafx integrated with jswing.How to add a backgroung image to gridpane layout in javafx?The image must be resizable on maximizing the frame.Please help.
Edited by: EJP on 17/02/2012 17:50: fixed your title. No shouting here thanks.

Is jswing shorthand for Java Swing?
Anyways, I would recommend looking at the [url http://docs.oracle.com/javafx/2.0/api/javafx/scene/doc-files/cssref.html#pane]CSS reference and the -fx-background-image property in particular. Detailed appearance changes to JavaFX controls are mostly configured by CSS.

Adding background image to Spry Menu Bar?

Hi Everyone,
I have a question concerning adding a background image to a horizontal spry menu.
1) I am using Dreamweaver CS4.
2) I am inserting this menu bar on a HTML document.
3) I have created and am using an external style sheet (CSS)
I am not sure on which style(s) ("ul.*) to edit in order to acheive this.
I have a total of four(4) different images I would like to use, they are...
1) Horizontal Menu Bar (main menu bar)
2) Horizontal Menu Bar - Rollover
3) Submenu
4) Submenu - Rollover
Also I would like the text to be centered on the button.
I have somewhat acheived this using the instructions for "customize this widget", yet the image "repeats" because the button is larger than the image.
I have not tried to center the text, this may be a very simple thing, if so just let me know.
What I dont know, and was hoping someone could tell me, is which style(s) ("ul.*) to edit in order to acheive this.
If anyone needs anymore information, just let me know and I will give it to you as soon as possible.
Also I have attached three(3) of the four(4) pictures I would like to use. (this is the maximum)
Any help will be greatly appreciated,
Musicman1994

I'd like to thank everyone with their help so far, but I am still having trouble.
I have tried both suggestions and the results are...
The one suggested by dhvani2511 gave me this...
(The cursur is over "Item 1" it is not blue when a cursur is not over it.)
I would like the image to "be" the button, not just "in" it,if that makes sense.
I have slightly tried the one suggested by .V1 but being that I am new to dreamweaver, code, etc. I am not sure where to copy/paste the code that you gave me.
Does anyone have anymore information?
Thanks,
Musicman1994

Adding background image to navigation tabs

I am adding a backgraound image to a navigation tab and so far have found the only way to do this is by modifying the HTMLTableCell class and adding a method that sets the background image. The closest existing method is setBgColor - which doesn't work.
I'm sure there has to be a better way to do this?
Thanks

My favorite technique is to use CSS. Try this in a stylesheet:
BODY { background-image: url(marble.gif); background-color: #cccccc; } P { background-image: none; background-color: #cccccc; }
For more information visit http://css.nu/.
You can apply that style to a <DIV> you use to bound your header, for instance.
David Phipps
Plumtree Software

Adding Background Image

Can someone help me figure out how to add an image in a Pages 09 file to be used as a background image?
Coming from Word I could put an image in a document and then type over it, format it, etc.
Can this be done in Pages 09?
Thanks!

scpk2000 wrote:
I have managed to create the background I want text that reads, "Copy Do Not Replicate", but now I need to know how to replicate or copy that through out the document. I am doing it manually at the moment, but it's a 353 document.
See "Letterhead and Follower Sets":
http://www.freeforum101.com/iworktipsntrick/viewtopic.php?t=182&mforum=iworktips ntrick
Follow the instructions for moving your image to a Section Master and then capturing the page.
Btw, I did not see where I can post a new message on here? When I went to help it said to reply to a reply similar to mine? I don't know.
Under *Forum : Pages '09*
Click on *Post New Topic*
Peter

Adding background image to JFrame

This is the code I have now. I want to add a background image to the JFrame, and it needs to be where i type the file name of the image into the program code and it loads it from my computer.
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
class GUIFrame extends JFrame implements ActionListener, KeyListener
     Display myDisplay;
     Button guess;
     Button solve;
     TextField input;
     JTextArea guessedLetters;
     MenuBar myBar;
     Menu fileMenu;
     MenuItem fileNewGame;
     MenuItem fileQuit;
     * constructor sets title of GUI window
     GUIFrame()
          super("Hangman");
          setSize(1000,600);
          guess = new Button("Guess");
          guess.setFocusable(false);
          solve = new Button("Solve");
          solve.setFocusable(false);
          input = new TextField(20);
          guessedLetters=new JTextArea(10,10);
          guessedLetters.setEditable(false);
          myBar=new MenuBar();
          fileMenu=new Menu("File");
          fileNewGame=new MenuItem("New Game");
          fileQuit=new MenuItem("Quit");
          myDisplay = new Display();     //make an instance of the window
          setLayout(new FlowLayout());     //How things are added to our Frame
          add(myDisplay);
          add(guess);
          add(solve);
          add(input);
          add(guessedLetters);
          setMenuBar(myBar);
          myBar.add(fileMenu);
          fileMenu.add(fileNewGame);
          fileMenu.add(fileQuit);
          addKeyListener(this);
          guess.addActionListener(this);
          solve.addActionListener(this);
          setVisible(true);     //make the frame visible
     * exectues when user presses a button.
     public void actionPerformed(ActionEvent e)
     public void keyPressed(KeyEvent e)
     public void keyReleased(KeyEvent e)
     public void keyTyped(KeyEvent e)
}

Look in the API under JFileChooser and Scanner to see how to get the file name. One you have it, you can load the file easily using several different methods...
This is even easier, you can paint and image onto anything you like with this method:
g.drawImage(image, 0, 0, null); //where g is the graphics context from the object you want to paint.
Simple as that.
The biggest problem you'll have with painting images onto other objects is making sure the image is loaded before you try to draw it; use ImageIO to load or add your image to a MediaTrakker after your load statement like this:
Image im = (Image)ImageIO.read(new File("c:/myImages/myImage.jgp"));
or
BufferedImage bi = ImageIO.read(new File("c:/myImages/myImage.jgp"));
or
Image image = Toolkit.getDefaultToolkit().getImage("c:/myImages/myImage.jgp");
MediaTracker mediaTracker = new MediaTracker(jf);
mediaTracker.addImage(image, 0);
mediaTracker.waitForID(0);
BTW: what this means it that you can paint right onto the graphics content of the JFrame and not have to worry about any other containers if you want.
If you expect the image to last more than just a flash, then you also need to override your paintComponents(Grahics) method to paint your graphics to your screen.

Adding background image using Loader ()

Hi all,
Am working on a simulation and am running into some trouble.
I am attaching what I have so far. (I'm just in beginning stages so
it's nothing fancy)
What I still need to do is place the main image into the code
using this code:
var somePictLdr:Loader = new Loader();
var request:URLRequest = new URLRequest("octopus.jpg");
<--name of my image on my desktop
somePictLdr.load(request);
addChild(somePictLdr);
I don't know where to put the code in what I already have.
Can anyone help?
Also, I want to add some sort of stop button so when the user
presses 'b' for blue, the blue bubbles come up but when the user
presses 'o' for orange, I want the blue bubbles to stop and the
orange ones to come up.
Can anyone help me? I have messed up the code so many times
that I'm scared to go back into it and mess up what is actually
semi-working. I just need to know exactly where the code goes and
what it should say because I can't even get that part right. *ugh*
Thank you.
Jill

Hi jillybean,
On where to place the code in question, you want to declare
the variable above the bath2 constructor function, by the bubble
array declaration, for example. With slight changes, also, like
this:
var somePictLdr:Loader;
var request:URLRequest;
The code for loading the pic should go in the bath2
constructor function, as follows:
public function bath2() {
somePictLdr = new Loader();
request = new URLRequest("octopus.jpg");
somePictLdr.load(request);
addChild(somePictLdr);
As for your frustration, that is typical of learning a new
language - more examples, and more success will take care of
that.

Adding background image to JTextPane??

how to do that? thanks in advance....

Check this..might be helpful...
http://www.jguru.com/faq/view.jsp?EID=9691
Thanks

Adding video to a background image

Hello,
Having a bit of trouble here. I have Premiere Elements 10 and I am trying to figure something out.
I have a background image that I want to be able to add video into a small section of it, while the rest of the image is still there. The area is framed, so it would go into a specific area on the image.
It would kind of look like how most of your news shows look with the video over the person shoulder, just instead of it being a live person, it is just a still image that the video is in.
I have tried using the Green Screen Key and it will black out the green box, but it will not put the video in there. I have the video on Video 2 witht he image on Video 1. When I add the video into Video 2 it just overlays the entire thing and I cannot see any of the background image at all.
Any help would be appreciated.
If you need, I can provide a link to someone elses youtube video to show what it is I am trying to do.
Thanks,
Michael

Are you talking about a Picture-in-Picture effect -- with a person sitting at a news desk and a photo or video inset in the upper left or upper right of the screen?
Here's a tutorial -- but how you specifically do it depends on which version of the program you're using.
http://www.youtube.com/watch?v=mzYs-ifrHjU

Background Image repeating for table cells

I am trying to put different images as the background to all
the cells in a table, so I can put text over the top of them, but I
cant have an image without it repeating. Ive tried going into the
code and adding background-image: "no-repeat" but that hasn't
worked. I know nothing of CSS and it seems really confusing - so if
this is the answer please give me CSS for dummies instructions.
Layers drive me bonkers as no 2 browsers display them in the same
place.
URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
At the moment only cell one is a background image, the rest
are images inserted normally.
Hope you can help.
Thanks.

Your question reflects the confusing mess your life will be
if you persist
with web authoring without taking the time to learn some HTML
and CSS.
You have -
<th height="351" colspan="6" "scope="col">
Note the extra doublequote just before 'scope'.
Also note that your preloads (look at the body tag) as well
as your image
swaps (look elsewhere - everywhere you see 'file:///') are
all broken -
pointing to files on your hard drive. Finally, you might want
to just think
about making a page where there is no readable content
(everything here is
in images). It will get a zero search engine ranking....
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
==================
"little bob" <[email protected]> wrote in
message
news:gqo8jh$ejo$[email protected]..
>I am trying to put different images as the background to
all the cells in a
> table, so I can put text over the top of them, but I
cant have an image
> without
> it repeating. Ive tried going into the code and adding
background-image:
> "no-repeat" but that hasn't worked. I know nothing of
CSS and it seems
> really
> confusing - so if this is the answer please give me CSS
for dummies
> instructions. Layers drive me bonkers as no 2 browsers
display them in the
> same
> place.
>
> URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
>
> At the moment only cell one is a background image, the
rest are images
> inserted normally.
>
> Hope you can help.
>
> Thanks.
>

I want to remove background image

Hi friends,
Hope all are doing well with your premiere
Can you please get me out of this problem..
I have done with my editing 2days back.. I have added background image removing blue screen..
But after the cd was burned, while watching it on TV/PC the video was shaking fully.. I didn't have this problem before..
Now, I want to remove the background image and keep the blue screen as it is.. how can i get it? I just want to remove background image without disturbing any editing part(Cuts).
Thank you..
Regards,
Sindhu

Select all the clips with a key, right click, and select remove effects. This will remove all the effects for those clips so you will loose any colour correcting or other changes you might have done.

XSL-FO and Background Images

I'm using JDK-1.4.2 supplied with XALAN along with Apache FOP to generate PDFs and I'm having trouble adding background images. I want to add the company logo as a background image in the header. My code looks like this:
<fo:static-content flow-name="header"
background-image="url('file:/path/to/company-logo.gif')">
</fo:static-content>But it doesn't seem to work. I scoured the web for info and many sites had various techniques, some of which I tried. None of them worked as they seemed to be be geared towards the commercial FO processors. Are there any good references for FO as it works under FOP? I understand that FOP only covers part of the FO standard. Is it even possible to add background images in FOP?
Cliff

Please help if you can as the problem is not just FOP related. Even if it is these fora are supposed to be general purpose are they not? Would it make a difference if I asked a more general question of how to use XSL-FO to put a background image in a header? If so would it not make sense to follow up if the answer didn't work with the FOP engine? The main reason I don't use the mailing list is that I prefer using a forum. My inbox already gets enough junk from the 10 or so other mailing lists that I'm subscribed to. Also I haven't found a forum dedicated to XSL-FO with enough popularity to ensure resolution o my issue. So I bring the question here hoping to get some good feedback. People stray from the topic all the time and it is up to the moderator to make sure topics do not stray too far. I think my question is on topic enough to warrant an answer.

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

Background image in Spry dropdown menu

Hey everyone,
I am at my wits end. I am converting an old table-based page to a css standards-compliant page and need to use a spry drop-down menu but can't get a background image to show up in the menu. If the top-most level has no submenu, then the background image shows up fine. But if I have a submenu, then no background image will display. I have put a background image in every place I can think of in the css for the menu, but it won't show up. I have googled for a solution, read the documentation on the spry menus, as well as searched through the Dreamweaver forum to no avail.
Does anyone know how to do this? If it is not possible, can someone let me know that?
Here is the page: http://www.sportplanesflorida.com/index_css.php (notice how the "Learn to Fly" tab has no background image).
Thanks for your help.
Mike

remove the background-position:95% 50%; from your css.
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
background-position:95% 50%;
background-repeat:no-repeat;

Adding background image to JPanal...............PLEASE PLEASE HELP

Similar Messages

Maybe you are looking for