How to load a background Image on a JDialog object

Hi All, Actually i am new to java programing and i am stuck in this problem. I am developing a java application which is dialog based (using JDialog objects) and i want to load a background image on my dialog. I hope this could be done and i really appreciate your help because i must deliver this project and this is a user interface requirement.

Try something along the lines of this: Create a new class called BackgroundImagePanel and have it extend JPanel.
Have an attribute in the class for your image, and a method to set it.
Override isOpaque() to return true.
Override the paintComponenet method as such:
public void paintComponent (Graphics g) {
super.paintComponent(g);
if( image == null ) return;
Icon icon = new ImageIcon(image);
icon.paintIcon(this, g, x, y);
Add this panel to your JDialog and then add other component to this panel.
You might have to tweak this a bit, but it should get you close...
Bill

Similar Messages

  • How to load a boot image to cisco aironet 1140 series after missing boot image

    Hi all,
    I need a solution for this. When i switch my cisco aironet 1140 , it s blinking with red light .and gives a message "no boot image to load".
    When i tried next time, by pressing escape it shows this message that i have mentioned below.
    ap:
    ap:
    using  eeprom values
    WRDTR,CLKTR: 0x83000800 0x40000000
    RQDC ,RFDC : 0x80000035 0x00000208
    using ÿÿÿÿ ddr static values from serial eeprom
    ddr init done
    Running Normal Memtest...
    Passed.
    IOS Bootloader - Starting system.
    FLASH CHIP:  Numonyx P33
    Checking for Over Erased blocks
    Xmodem file system is available.
    DDR values used from system serial eeprom.
    WRDTR,CLKTR: 0x83000800, 0x40000000
    RQDC, RFDC : 0x80000035, 0x00000208
    PCIE0: link is up.
    PCIE0: VC0 is active
    PCIE1: link is NOT up.
    PCIE1 port 1 not initialized
    PCIEx: initialization done
    flashfs[0]: 1 files, 1 directories
    flashfs[0]: 0 orphaned files, 0 orphaned directories
    flashfs[0]: Total bytes: 32385024
    flashfs[0]: Bytes used: 1536
    flashfs[0]: Bytes available: 32383488
    flashfs[0]: flashfs fsck took 16 seconds.
    Reading cookie from system serial eeprom...Done
    Base Ethernet MAC address: 28:94:0f:d6:c8:62
    Ethernet speed is 100 Mb - FULL duplex
    The system is unable to boot automatically because there
    are no bootable files.
    C1140 Boot Loader (C1140-BOOT-M) Version 12.4(23c)JA3, RELEASE SOFTWARE (fc1)
    Technical Support: http://www.cisco.com/techsupport
    Compiled Tue 18-Oct-11 14:51 by prod_rel_team
    ap:
    So , now my question is how to load the boot image ? From where will we get this ? OR
    I m also having another Cisco aironet 1140 , Can i get bootimage from that . Kindly let me know the solution from genius ?

    Take a look at this link as it should have the info you need
    https://supportforums.cisco.com/docs/DOC-14636
    Sent from Cisco Technical Support iPhone App

  • How to put the background image in Title Window?

    Hi,
    I'm newbie in flex. I 'm using Flex 4.
    Can anyone give me some guidelines on how to put the background image in Title Window?
    Is it possible to do this?
    Thanks.

    Hi,
    Check the below sample code
    <?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                   xmlns:s="library://ns.adobe.com/flex/spark"
                   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
        <fx:Declarations>
            <!-- Place non-visual elements (e.g., services, value objects) here -->
        </fx:Declarations>
        <fx:Style>
            @namespace s "library://ns.adobe.com/flex/spark";
            @namespace mx "library://ns.adobe.com/flex/mx";
            s|BorderContainer {
                background-image:Embed(source="image/wheres_the_green_rez.jpg");
                background-image-fill-mode:clip;
        </fx:Style>
        <s:TitleWindow width="100%" height="100%">
            <s:BorderContainer width="100%" height="100%"/>
        </s:TitleWindow>
    </s:Application>
    Regards,
    Anitha

  • I would like to know how to stretch a background image using HTML

    Hello Seniors of Sun,
    I gota small doubt in HTML, can any one please help me in solving it,
    I would like to know how to stretch a background image using HTML? I have tried and tried to figure this out and cannot..
    so any one kindly help me in this...
    waiting for reply...

    Please note that this is not an HTML forum.
    You can use an image tag on a DIV positioned behind the rest of the page, so that could actually work. And if you want to use body:background, then look up an HTML/CSS reference and see if there are any other body attributes or CSS stuff that applies to the background image.

  • How to repeat a background image to cover the height of the page?

    Hi
    I have a page with an image alinged to the top in a table and
    I have a pattern in the background of the cell in the same table
    I need that background of the cell to repeat it self along
    the height of the page, so when someone views the page at a higher
    resolution, the background image will repeat it self to cover the
    extra space.
    I've tried setting the height of the table to percentage, but
    the table doesn't cover the height of the page.
    I could also make the table really long so when viewed at
    higher resolution there wont be any blank space at the bottom, but
    this makes an unnecessary and long scroll when viewed at lower
    resolution.
    Someone told me to use css but i have now idea how to
    implement that.

    make sure you have set your page margins to 0 if you don't
    want the default
    margin top left. Cut and paste the following into the head of
    your document
    just before the closing </head> tag.
    then if you want to repeat a background image in a cell, you
    need to create
    a rule to do this:
    .cellback {
    /*this repeats the image across the page horizontally*/
    /* if you want to repeat down the page, then change to
    repeat-y */
    background: url(pics/whatever.gif) repeat-x;
    you can combine this background image rule with the other
    margin setting so
    you have:
    <style type="text/css">
    <!--
    body {
    margin: 0;
    padding:0;
    .cellback {
    background: url(pics/whatever.gif) repeat-x;
    -->
    </style>
    You then apply to the class to your cell
    <td clas="cellback">
    Examples here:
    http://www.dreamweaverresources.com/tutorials/pagebackgrounds/cellbackground.htm
    this shows how to use a background image for your entire
    page:
    http://www.dreamweaverresources.com/tutorials/pagebackgrounds/examplehor.htm
    Nadia
    Adobe� Community Expert : Dreamweaver
    http://www.csstemplates.com.au
    - CSS Templates | Free Templates
    http://www.perrelink.com.au
    - Web Dev
    http://www.DreamweaverResources.com
    - Dropdown Menu Templates|Tutorials
    http://www.adobe.com/devnet/dreamweaver/css.html
    > I have a page with an image alinged to the top in a
    table and I have a
    > pattern
    > in the background of the cell in the same table
    > I need that background of the cell to repeat it self
    along the height of
    > the
    > page, so when someone views the page at a higher
    resolution, the
    > background
    > image will repeat it self to cover the extra space.

  • How to set a background image in javafx?

    Hi everyone,
    I draw FXML GUI,it includes labels and ProgressBar,load it in JavaFX, this is a snippet.
    root = FXMLLoader.load(getClass().getResource("StartMenuFXML.fxml"));
    label1=(Label)root.lookup("#label");
    label2=(Label)root.lookup("#label");
    progressBar = (ProgressBar)root.lookup("#ProgressBar");
    scene=new Scene(root,600,400);
    stage.setTitle("Start Progress");
    Progress p = new Progress();
    p.start();
    stage.setScene(scene);
    stage.show();
    I need to add a background picture in it, so I add the statements:
    GridPane pane = new GridPane();
    pane.setTitle("-fx-background-image: url('image1.jpg')");
    and change: scene =new Scene(pane,600,400);
    It can display the background picture, but I don't know how to display the labels and ProgressBar on the background picture.
    Give me a good resolution please!
    Thank you so much!

    James_D,
    Your answer is the exact solution, you are a real expert.
    Thank you very very much!!!

  • How to make a background image appear to grow slowly as text happens front

    How do I make a background image which is simply a static image of Earth in space "seem to grow closer" by just slowly enlarging the image as text appears in front of it? Can't seem to find anything intuitive on how to accomplish this. I'm sure it's simple but I just can't seem to wrap my brain around it.

    Double click your image to load it into the viewer. On the top of the viewer are 3 tabs, select the one that says "Motion." Inside of this tab you can animate any video or still image. For what you are wanting to do the Scale option will be the place to start. I think Scale is pretty self-explanatory, but just in case...click the keyframe button and type in a number for the scale (like 90). Scrub down a bit with the playhead and type in a new number next to scale (like 175). A new keyframe is created and you have yourself a zoom in.
    Ryan

  • How to load a tif image in flex

    Hi All,
    Is it possible to load a tif image in flex. If it's possible
    anyone guide me or send me some code snippets regarding how to
    display a tif image in flex.
    Regards,
    Dharma

    "flexdharma" <[email protected]> wrote in
    message
    news:ga2d96$p8h$[email protected]..
    >
    Hi All,
    > Is it possible to load a tif image in flex. If it's
    possible anyone guide
    > me or send me some code snippets regarding how to
    display a tif image in
    > flex.
    Convert it to the much more web-friendly png format.

  • How to set a background image to fill the entire screen on any device in a spark mobile application

    Hi,
    I started developing a mobile application with Flex.
    I'm trying to set a background image to fill the whole screen. I've been stucked at this point for days now. I tried everything and no solution seems to work for me.
    I'm using a TabbedViewNavigatorApplication and i need to set some background images on views.
    I need my image to fill the entire screen on any device. i don't need to mantain image aspect ratio,  just need it to be fullscreen. This seemed to work when setting a custom skin on the TabbedViewNavigatorApplication, however this blocked all my views for some reason and all components contained in view became invisible.
    Can you please tell me how can i achieve this?
    Kind regards,
    Dan

    Basically you need a larger image which can accommodate any device. The trick is to show only what each device can display, so therefore some clipping will occur based on device. Have something centered and towards margins have a  gradient or just plane colors that way the stuff in the middle will be visible on every device while nobody will care if you are clipping from the color fill.
    C

  • Gif loader for background image

    I simply want to run an animated gif while my background image loads for a slideshow.
    I've searched the web and this forum for hours and can't get the various bits of code tips (ajax, jquery) to work because I'm a totaly idiot when it comes to code...i've tried cutting and pasting in many different configurations but can't get anything to work properly.
    Can someone help me out to get this to work?
    I have this slideshow:
    http://www.piquecollaborative.com/fox.html
    and want an animated gif to run during load of each page
    gif is this:
    http://www.piquecollaborative.com/images/loading.gif
    here is my code for the page(s)
    <!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="Matthew Fox Residence by PIQUE architecture, Peter Jahnke, Eric Meglasson" />
    <meta name="keywords" content="pique llc, architecture, emerging architects, young architects, northwest, peter jahnke, eric meglasson, keith ballantyne, collective studio, collected design" />
    <title>PIQUE: Fox House</title>
    <style type="text/css">
    .projectpage {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #333;
    body,td,th {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #333;
        font-size: 12px;
    body {
        background-image: url(images/fox-01.jpg);
        background-repeat: no-repeat;
    #title {
        position:absolute;
        width:350px;
        height:65px;
        z-index:1;
        left: 10px;
        top: 10px;
    #apDiv1 {
        position:absolute;
        width:108px;
        height:161px;
        z-index:2;
        top: 3px;
        left: 8px;
    #apDiv2 {
        position:absolute;
        width:237px;
        height:160px;
        z-index:3;
        left: 118px;
        top: 3px;
        text-align: right;
    #text {
        position:absolute;
        width:351px;
        height:194px;
        z-index:4;
        left: 10px;
        top: 90px;
        background-image: url(images/fox-01.jpg);
    #project-text {
        position:absolute;
        width:355px;
        height:300px;
        z-index:5;
        top: 288px;
        text-align: justify;
        left: 13px;
    #right-arrow {
        position:absolute;
        width:90px;
        height:330px;
        z-index:6;
        left: 915px;
        top: 270px;
    </style>
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head>
    <body class="projectpage" onload="MM_preloadImages('images/arrow-rt-inv.png')">
    <div id="title"><img src="images/fox-title.gif" width="350" height="65" /></div>
    <div class="projectpage" id="text">
      <div id="apDiv2">Fox House<br />
        central Oregon<br />
        single family residence<br />
        4175 sqft<br />
        2010<br />
        Timberline construction, Elemental engineering </div>
      <div id="apDiv1">name:<br />
        location:<br />
        type:<br />
        size:<br />
        year:<br />
        collaborators: </div>
    <img src="images/line-dot-small.png" width="361" height="5" /><br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <img src="images/line-dot-small.png" width="361" height="5" /> </div>
    <div id="project-text">
      <p> This home sits on a bluff  overlooking rolling sagebrush meadows   in Oregon&rsquo;s  High Desert  with views of the Cascade Mountains dominating    the western horizon. The owners, Matthew and Margherita Fox requested   an  extremely durable and energy efficient home for their family.  The   request  for a net zero house necessitated extensive use of photovoltaic   panels, ground  source heat-pumps, careful consideration of day   lighting and shading  strategies, and a super-insulated structure.  </p>
      <p>Italian architect and  childhood friend Maria Chiara Trevisan   created the original vision for the structure  as a gift to the Foxes.    The three masses, originally conceived as  parallelepipedo (rectangular   cubes) resting at various angles in the earth,  evolved into three   shelled structures clad in stone, a loose reference to the  Three   Sisters mountains which dominate the home&rsquo;s view.</p>
      <p>Photos by Nicole Werner, Bob Woodward, Peter Jahnke</p>
    </div>
    <div id="right-arrow"><a href="fox02.html"><img src="images/arrow-rt.png" alt="" name="Image1" width="48" height="48" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/arrow-rt-inv.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>
    </body>
    </html>
    can anyone help me get a leg up on this?  Sorry to be such a noob.  This is not my trade and i have more respect for you all now than ever before!  sorry again,

    You might want to reconsider the use of absolutely positioned div's for layout purposes...
    it often leads to big difficulties.http://www.apptools.com/examples/pagelayout101.php
    Regarding your loading gif, try defining a container for the picture
    and position your loading gif as a centered non-repeating background for container
    and insert your image in the container.

  • How do I remove background images from a PDF?  Using Adobe Acrobat 6.0 Standard.

    I have a file I need to print off, but the document is 100 pages lond and each page as a very obnoxious background image that makes it difficult to read the content, and I really don't want to waste the ink.
    I have tried a few things with no luck:
    -Tried replacing document background color in the 'Accessibility' tab in preferences.
    -Tried unchecking the 'Display large images' field in the 'Page Display' tab in preference - this leaves a dark gray background that I can't get rid of, which is almost as bad as the original image.
    -Tried several combinations under the 'Color Management' tab in preference to lessen the gray background achieved from the previous step.  I can only brighten the shade slighty, but there is still a fair amount of gray background.
    I just want a white background, or a clear background, and I have not seen any article or help topic on how to accomplish this.  Please help!
    Mike

    You might want to see if you can select the background with the object touchup tool. If so, can you then just delete the selected object. May take a while to go through the document, but if it solves the problem you are ahead. You may be able to select it with JavaScript and repeat the process. My point of using the object touchup tool is that it may not be a background set by Acrobat, but something that is simply labeled as an image from the Acrobat viewpoint.

  • How to create a background image for each item in a List object

    Hello.
    I am trying to create a background image that displays whenever a user posts something to a list.  For example when a user posts text it would appear in a list.  The new item in the list would contain a specific background image with the users text appearing on top of the background image.  I do not want a background image for the entire list, rather each item within the list.
    I am not sure how clear this is so I added an image below.  When a user enters text in and clicks the "post-it" button their text would appear below with the sticky note background. 
    I am not sure which list type would be best for this problem or how to create insert the image, so I am open to suggestions. 
    Thank you for your help.  Any advice or guidance will be greatly appreciated!

    Hi
    the easiest way would be with itemRenderer.
    You have to do two things:
    1. In your list declaration use a item renderer: <mx:List itemRenderer="myRenderer"/>
    2. create a flex component myRenderer that will be the single item. This can be a canvas with a background image and a text field on it.
    When you add a new item to the list, a new myRenderer item will be created and the data property will be passed to it. So you have to put "data" in your textField.
    If you need more help try looking at Tour de Flex samples, they're pretty easy.
    Andrei

  • How to set a background image in Web dynpro for Java?

    Hi,
    Experts,
    As i  want to set a background image in my application can u please suggest how to get background image. send any sample scenarios.
    Thanks in advance,
    Shabeer ahmed

    Hi,
    I don't  think it can be done in WDJ.
    Maybe something can be done on the portal end.
    Refer to http://help.sap.com/saphelp_nw70/helpdata/en/79/affe402a5ff223e10000000a155106/frameset.htm
    Changing the theme can help maybe but I do not know how to go about that
    Regards,
    Himanshu

  • How to save transparent background images to have transparent background thumbnails with Photoshop 2014?

    In old versions of Photoshop there was a feature that made thumbnail images have a transparent background.  I'm a CC member using Photoshop 2014 on a MacBook Pro running OS X 10.9.4 and every thumbnail of a transparent background image I've created in Photoshop 2014 appears on my desktop with a solid white box background that has a thin black outlined box inside of it.  How do I save the transparent background images I've created in Photoshop 2014 so they will appear on my desktop as thumbnails with a transparent background?   I'd like to continue to be able to replace the default background-less folder icon that that appears on files with transparent background thumbnails to customize my files as I use to do with older versions of Photoshop.

    If your layered document has a Photoshop background layer it visibility need to be set off when saving a PNG or Gif file for Photoshop background layers do not support transparency.
    Thumbnail may be a bit more complicated than you think. I do not use Lightroom, and only occasionally use the bridge.  I believe Lightroom and Bridge  keep thumbnails they develop for image files  in their library databases and caches.  Other programs do not have acces to  these.  RAW Files and Image files have Jpeg previews stored in then.  I believe most application use these previews jpeg to create thumbnails.  Jpeg format does not support transparency.
    Icon on the desktop are not always thumbnails some are embedded icons in application modules other are icon in dll these may well have transparency. However image file on the desktop have generated thumbnails.  However you can create a shortcut for an image png file and create a icon with a transparent background for the png file and change the shortcut's icon for the png file to the transparent ico file you created for it.
    Also many Photoshop release ago an Adobe module created Thumbnails for image files in Windows File explorer and most likely system file dialog. Adobe stopped supporting that stating Microsoft changes how windows works.
    Today I use FastPictureViewer Codec Package to generate image thumbnails for image files including RAW and PSD files in File Explorer and system file dialogs.
    I don't use a Mac don't know what available for your Mac.

  • How to add different background image for submenu items???

    Hi all,
    I'm pretty new to web design and CSS in particular. Here's my problem...
    I've got a Spry horizontal menu bar (untouched as yet), and I want to have a different background image for my submenu items than that of my menu items. From searching the internet I think that I need to apply a class to the submenu item (please correct me if I am wrong).
    How would I go about doing this and how would I assign the class to just the submenu items?
    Also ideally I want to have my first and last menu items to have rounded corners on one side (therefore making a rounded edge menu bar), is it possible to have a different background image for individual menu items? If so, how?
    Really appreciate any help!

    Thanks for the link! I've managed to sort the background issue, and it seems to be working fine!
    Just one little issue left to tackle...
    I want my text to be centered in my top menu items BUT aligned left in my drop down menu items. I have managed this but the text hugs the left hand side. I've tried adding a little margin to the left but that doesn't seem to affect anything???
    Here's my CSS... Any ideas which class I should be targeting or why adding the margin isn't working would save my tearing the rest of my hair out! thanks! (screenshot attached).
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        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;
        list-style-type: none;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 120px;
        float: left;
        height: 24px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        background-repeat: repeat-x;
        background-color: #333333;
        background-image: url(../images/navbar_bg.jpg);
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #000000;
        border-left-color: #666666;
    ul.MenuBarHorizontal li li
        list-style-type: none;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: auto;
        float: left;
        height: 24px;
        background-color: #333333;
        background-image: none;
        padding: 0;
        margin: 0;
        left: -1px;
    ul.MenuBarHorizontal li li a
        list-style-type: none;
        position: relative;
        text-align: left;
        cursor: pointer;
        float: left;
        height: 24px;
        background-image: none;
        font-size: 12px;
        font-weight: normal;
        border: 0px 0 0;
        width: 120px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        padding: 0;
        margin: 0;
    /* 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;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 120px;
        position: absolute;
        left: -1000em;
        height: 24px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    /* 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;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        height: 24px;
        width: 120px;
        margin-top: -5%;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 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;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal li a
        display: block;
        cursor: pointer;
        text-decoration: none;
        font-style: normal;
        text-transform: capitalize;
        text-align: center;
        white-space: normal;
        padding: 0px;
        height: 24px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 20px;
        margin: 0px;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #000000;
        background-image: url(../images/navbar_bg_hover.jpg);
        background-repeat: repeat-x;
        line-height: 22px;
    ul.MenuBarHorizontal li li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color: #000000;
        background-image: none;
        background-repeat: repeat-x;
        width: 120px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
    /* 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-repeat: repeat-x;
        background-position: 95% 50%;
        background-color: #333333;
        background-image: url(../images/navbar_bg.jpg);
    /* 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-repeat: repeat-x;
        background-position: 95% 50%;
        background-color: #000000;
        background-image: url(../images/navbar_bg_hover.jpg);
    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;
    /* 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;

Maybe you are looking for