Color of Navigational Bar background

The background color of the navigational bar is coral....when I click on it, there are no options in the graphic inspector. Is there a work-around for this? I'd like it to be gray, or even white. Thank you.

For most of the themes the background color of the navbar area is not a user defined item. However, with some java code in an HTML snippet you can change it. Put this code, with your selected color number, in an HTML snippet on the page:
<!-- code by Wyodor -->
<script language="JavaScript" type="text/javascript">
<!--
function navBackgroundColor () {
elem = parent.document.getElementById('nav_layer');
elem.style.backgroundColor = "#5D68C3";
clearInterval(chkNavLink);
chkNavLink = setInterval('navBackgroundColor()', 500);
// -->
</script>
An example of this can be see on this demo page: Change Navbar Text and Background Color.
OT

Similar Messages

  • Can I modify a background color of a template - specifically, the navigation bar background?

    can I modify a background color of a template - specifically, the navigation bar background?

    iWeb has a great toool :
    And it's visible here :
    And google is your friend :
         http://www.google.com/search?q=what+is+a+HTML+Snippet

  • Color of navigation bar words

    Can you change the color of the site words that come up in the navigation bar? (like blog, photos, etc. .. pages on your site) I can't seem to find an option anywhere for that .. and mine are "gray" and sometimes it just doesn't show up on backgrounds I use. Thanks for your help anyone ..... Vicky

    Vicky:
    See this topic by sboben: How To Change Hyperlinks And Nav Menu Colors. He describes how to chance the colors in the template so you don't have to do any post publish editing. You do it once for a theme and that's it.

  • How to change color on Navigation Bar.

    Website: www.iphoneappguru.com
    How can I change the color of the navigation bar to something else? Check it out on my website!
    Thanks!
          -RahulR

    This tutorial may be of help: #24 - How to Change the Basic, Rollover and Visited Color of an iWeb Navbar.
    OT

  • Custom color for navigation bar

    I am struggling to find a way to make my navigation bar color different that supported colors.
    SDK supports default style i.e. blue, black and black opaque. I know it is possible cause there so many apps doing so. For example midomi.
    I have searched this forum already but haven't found working solution. If anybody knows how to do it would be grateful if he points me to the solution.

    tintColor property
    [https://developer.apple.com/iphone/library/documentation/UIKit/Reference/UINavi gationBar_Class/Reference/UINavigationBar.html]

  • How do I change the background image for a single tab on the navigation bar

    I'm creating a movie website for TDKR and for the navigation bar, I intend to have a different character for each tab. However, I'm having trouble putting a single image each separate tab. Instead one image appears on each of the tabs. Here's an example of the source and CSS.
    <td width="200"><ul id="navigation"><br />
          <li><a href="../pages/index.html">Home</a></li><br />
          <li><a href="../pages/cast.html">Cast</a></li><br />
          <li><a href="../pages/pictures.html">Pictures</a></li><br />
          <li><a href="../pages/soundtrack.html">Music</a></li><br />
          <li><a href="../pages/interview.html">Interviews</a></li><br />
          <li><a href="../pages/links.html">Links</a></li><br />
        </ul>
        </td>
    #navigation {
              list-style-type: none;
              padding: 0px;
              margin: 0px;
    #navigation li {
              margin: 0px;
              padding: 0px;
              list-style-type: none
    #navigation li a:link, #navigation li a:visited {
              display: block;
              width: 200px;
              height: 100px;
              text-decoration: none;
              text-align: center;
              line-height: 100px;
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-weight: bold;
              -webkit-transition: 1000ms ease;
              -moz-transition: 1000ms ease;
              -ms-transition: 1000ms ease;
              -o-transition: 1000ms ease;
              transition: 1000ms ease;
              color: #648AAE;
              background-repeat: no-repeat;
              background-image: url(../Images/gifs/Batman-still-2.gif);
              background-position: center bottom;
              text-transform: uppercase;
              letter-spacing: 0.79em;
              border-radius: 5px;
    #navigation li a:focus, #navigation li a:hover, #navigation li a:active {
              color: #000000;
              background-image: url(../Images/gifs/Batman-animation-2.gif);
              background-repeat: no-repeat;
              background-position: center bottom;
              background-color: #454545;
              border-radius: 25px;
    So, how do I put a single image on each tab (home, cast, pictures, etc). Thank you for your help in advance.

    Assign a class to the item and use CSS to apply an image as in
    <li><a href="../pages/index.html" class="home;">Home</a></li><br />
    <li><a href="../pages/cast.html">Cast</a></li><br />
    <li><a href="../pages/pictures.html">Pictures</a></li><br />
    <li><a href="../pages/soundtrack.html">Music</a></li><br />
    <li><a href="../pages/interview.html">Interviews</a></li><br />
    <li><a href="../pages/links.html">Links</a></li><br />
    and the CSS
    #navigation li a:link.home, #navigation li a:visited.home {
         background-image: url(../Images/gifs/Batman-still-2.gif);

  • Navigation bar different colors for each tab

    I want to have the top horizontal navigation bar with different background colours for each tab on the bar.
    I don't want to change the background colour for the entire navigation bar.  How do I change them individually?
    thanks!

    Hi lorrscorpio,
    As far as I know it is difficult to change background color of top navigation link OOTB, better to create a html menu for that and add it to your page .In that you can easily change background color of your top navigation link.
    Whenever you see a reply and if you think is helpful, click &quot;Vote As Helpful&quot;! And whenever you see a reply being an answer to the question of the thread, click &quot;Mark As Answer

  • Navigation Bar font color

    Can anyone point me in the right direction on how I can change the font color for the navigation bar items (e.g. print, logout)? The default for my template is black and doesn't show well with my background color.
    I'm using APEX 2.1.0
    Thanks in advance.

    <p>Install Firefox
    <p>Install the Firebug extension
    <p>Run your application
    <p>Right click and select Inspect Element from the context menu
    <p>Click on the Print or Logout link
    <p>You will see something like this
    <p>That tells you that the CSS selector responsible for that color is ".t7NavBar a".
    <p>Go to Page Attributes/HTML Header and put the following CSS snippet to override the color
    .t7NavBar a {color: red;}<p>Hope this helps

  • Changing hyperlink colors for the navigation bar

    hello all i am trying to figure out how to change the color of the links that are the top of my page in the navigation bar. i know how to do it with the ones in my text- but i cannot figure out how to do so for the ones at the top of each page in the navigation bar.
    any help would be much appreciated!

    Welcome to the Apple Discussions. Here's a link to a post by Cyclosaurus, the resident java script expert, about changing the font, etc. in the navbar with java script and a HTML snippet.. Don't know if includes color also.
    http://discussions.apple.com/thread.jspa?messageID=8600361#8600361
    OT

  • How do I change navigation bar text color?

    I want to change the color of the type in the navigation bar, as well as the line/bar below the type. How can I do this?

    there are many way to change navbar look-and-feel:
    1) by changing template XML, this requires XML knowledge and is a complex process.
    2) by changing navbar CSS in page source, this a bit easier but requires post editing.
    http://discussions.apple.com/thread.jspa?messageID=5186688&#5186688
    3) by javascript, this requires CSS and javascript knowledge:
    http://discussions.apple.com/thread.jspa?messageID=8638743&#8638743
    4) by manually build your own navbar as roddy and ot mentioned, this requires no knowledge of any kind but it is not very efficient; see my post here:
    http://discussions.apple.com/thread.jspa?messageID=8136472&#8136472
    5) by AJAX, this requires CSS, javascript and AJAX knowledge; I outlined it in my blog here:
    http://www.cyclosaurus.com/Home/CyclosaurusBlog/Entries/2009/9/10iWeb_NavBarWidget.html

  • My navigation bar colors went all wonky!

    The colors of my navigation bar changed when I updated Firefox. The top one in the picture is what they turned into, the bottom is what they're supposed to be. It's only the correct color when I have multiple tabs open, otherwise everything is black.
    http://i47.tinypic.com/20gf8l2.png

    I Think I understand your problem.
    This is not a new development and the solution is somewhere on this support but I can not find it anymore. I just reinstalled win 7 and therefor a new FF that reinstated this supposed "improvement" grrr
    I found the below and changed it from "true" to" false" and voila it's back to all white.
    go to "about:config" and search for the below.
    browser.urlbar.formatting.enabled <--change from true to false

  • Why is the background of the navigation bar on firefox 4 grey? How do i make it have a clear background like the rest of the toolbars?

    okay i downloaded firefox 4 and all was good, but today and yesterday the naviagation toolbar (you know the one with the search engine home forward and back buttons) has a grey background, the buttons arent grey but the background is and it's driving me crazy

    Formatting options on the forum is showing '''''BTTF's''''' suggestion incorrectly. It should be
    #nav-bar{background:rgba(255,0,0,0.5) !important; }
    I have not tested this solution, so I can not vouch that it works.
    <br />
    <br />
    '''''Oceania''''':
    '''You need to update the following plugins:'''
    *Adobe Shockwave for Director Netscape plug-in, version 11.5
    *Adobe PDF Plug-In For Firefox and Netscape
    *Shockwave Flash 10.2 r152
    *Next Generation Java Plug-in 1.6.0_21 for Mozilla browsers
    #'''''Check your plugin versions''''' on either of the following links':
    #*http://www.mozilla.com/en-US/plugincheck/
    #*https://www-trunk.stage.mozilla.com/en-US/plugincheck/
    #*'''Note: plugin check page does not have information on all plugin versions'''
    #'''Update Shockwave for Director'''
    #*NOTE: this is not the same as Shockwave Flash; this installs the Shockwave Player.
    #*Use Firefox to download and SAVE the installer to your hard drive from the link in the article below (Desktop is a good place so you can find it).
    #*When the download is complete, exit Firefox (File > Exit)
    #*locate and double-click in the installer you just downloaded, let the install complete.
    #*Restart Firefox and check your plugins again.
    #*'''<u>Download link and more information</u>''': http://support.mozilla.com/en-US/kb/Using+the+Shockwave+plugin+with+Firefox
    #'''Update Adobe Reader (PDF plugin):'''
    #*From within your existing Adobe Reader ('''<u>if you have it already installed</u>'''):
    #**Open the Adobe Reader program from your Programs list
    #**Click Help > Check for Updates
    #**Follow the prompts for updating
    #**If this method works for you, skip the "Download complete installer" section below and proceed to "After the installation" below
    #*Download complete installer ('''if you do <u>NOT</u> have Adobe Reader installed'''):
    #**SAVE the installer to your hard drive (save to your Desktop so that you can find it after the download). Exit/Close Firefox. Run the installer you just downloaded.
    #**Use either of the links below:
    #***https://support.mozilla.com/en-US/kb/Using+the+Adobe+Reader+plugin+with+Firefox ''(click on "Installing and updating Adobe Reader")''
    #***''<u>Also see Download link</u>''': http://get.adobe.com/reader/otherversions/
    #*After the installation, start Firefox and check your version again.
    #'''Update the [[Managing the Flash plugin|Flash]] plugin''' to the latest version.
    #*Download and SAVE to your Desktop so you can find the installer later
    #*If you do not have the current version, click on the "Player Download Center" link on the "'''Download and information'''" or "'''Download Manual installers'''" below
    #*After download is complete, exit Firefox
    #*Click on the installer you just downloaded and install
    #**Windows 7 and Vista: may need to right-click the installer and choose "Run as Administrator"
    #*Start Firefox and check your version again or test the installation by going back to the download link below
    #*'''Download and information''': http://www.adobe.com/software/flash/about/
    #**Use Firefox to go to the above site to update the Firefox plugin (will also install plugin for most other browsers; except IE)
    #**Use IE to go to the above site to update the IE ActiveX
    #*'''Download Manual installers'''.
    #**http://kb2.adobe.com/cps/191/tn_19166.html#main_ManualInstaller
    #**Note separate links for:
    #***Plugin for Firefox and most other browsers
    #***ActiveX for IE
    #'''Update the [[Java]] plugin''' to the latest version.
    #*Download site: http://www.oracle.com/technetwork/java/javase/downloads/index.html (Java Platform: Download JRE)
    #**'''''Be sure to <u>un-check the Yahoo Toolbar</u> option during the install if you do not want it installed.
    #*Also see "Manual Update" in this article to update from the Java Control Panel in Windows Control Panel: http://support.mozilla.com/en-US/kb/Using+the+Java+plugin+with+Firefox#Updates
    #* Removing old versions (if needed): http://www.java.com/en/download/faq/remove_olderversions.xml
    #* Remove multiple Java Console extensions (if needed): http://kb.mozillazine.org/Firefox_:_FAQs_:_Install_Java#Multiple_Java_Console_extensions
    #*Java Test: http://www.java.com/en/download/help/testvm.xml

  • How can I use my Html/CSS Navigation bar to control an Edge Stage?

    I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage. 
    Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
    The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
    sym.play("home");
    and animate a 6000px width symbol across my 1000px stage in 1000px increments.
    I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
    So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
    currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
    Many thanks to anyone who can help with this!
    Here is the code for the navbar:
    <div id="menu"><ul class="block-menu">
                        <li><a href="/home" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>
                        <li><a href="/demos" class="three-d">
                                  Work
                                  <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                        </a></li>
                        <li><a href="/deals" class="three-d">
                                  Blog
                                  <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                        </a></li>
                        <li><a href="/about" class="three-d">
                                  Profile
                                  <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                        </a></li>
            <li><a href="/about" class="three-d">
                                  Contact
                                  <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                        </a></li>
              </ul>
    <span class="block-menu"></span></div>
    Full HTML:
    <!DOCTYPE html>
    <html>
    <head>
              <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
              <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
              <title>Untitled</title>
    <!--Adobe Edge Runtime-->
        <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
        <style>
            .edgeLoad-EDGE-57204389 { visibility:hidden; }
                  .block-menu {
                                  display: block;
                                  background: #000;
                        .block-menu li {
                                  display: inline-block;
                        .block-menu li a {
                                  color: #fff;
                                  display: block;
                                  text-decoration: none;
                                  font-family: 'Passion One',Arial,sans-serif;
                                  -webkit-font-smoothing: antialiased;
                                  -moz-font-smoothing: antialiased;
                                  font-smoothing: antialiased;
                                  text-transform: uppercase;
                                  overflow: visible;
                                  line-height: 20px;
                                  font-size: 24px;
                                  padding: 15px 10px;
                        /* animation domination */
                        .three-d {
                                  -webkit-perspective: 200px;
                                  -moz-perspective: 200px;
                                  perspective: 200px;
                                  -webkit-transition: all .07s linear;
                                  -moz-transition: all .07s linear;
                                  transition: all .07s linear;
                                  position: relative;
                                  .three-d:not(.active):hover {
                                            cursor: pointer;
                                  .three-d:not(.active):hover .three-d-box,
                                  .three-d:not(.active):focus .three-d-box {
                                            -moz-transform: translateZ(-25px) rotateX(90deg);
                                            -webkit-transform: translateZ(-25px) rotateX(90deg);
                                            -o-transform: translateZ(-25px) rotateX(90deg);
                                            transform: translateZ(-25px) rotateX(90deg);
                        .three-d-box {
                                  -webkit-transition: all .3s ease-out;
                                  -moz-transition: all .3s ease-out;
                                  -ms-transition: all .3s ease-out;
                                  -o-transition: all .3s ease-out;
                                  transition: all .3s ease-out;
                                  -webkit-transform: translatez(-25px);
                                  -moz-transform: translatez(-25px);
                                  -o-transform: translatez(-25px);
                                  transform: translatez(-25px);
                                  -webkit-transform-style: preserve-3d;
                                  -moz-transform-style: preserve-3d;
                                  -ms-transform-style: preserve-3d;
                                  -o-transform-style: preserve-3d;
                                  transform-style: preserve-3d;
                                  pointer-events: none;
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  display: block;
                                  width: 100%;
                                  height: 100%;
                        .front {
                                  -webkit-transform: rotatex(0deg) translatez(25px);
                                  -moz-transform: rotatex(0deg) translatez(25px);
                                  -o-transform: rotatex(0deg) translatez(25px);
                                  transform: rotatex(0deg) translatez(25px);
                        .back {
                                  -webkit-transform: rotatex(-90deg) translatez(25px);
                                  -moz-transform: rotatex(-90deg) translatez(25px);
                                  -o-transform: rotatex(-90deg) translatez(25px);
                                  transform: rotatex(-90deg) translatez(25px);
                                  color: #FFE7C4;
                        .front, .back {
                                  display: block;
                                  width: 100%;
                                  height: 100%;
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  background: black;
                                  padding: 15px 10px;
                                  color: white;
                                  pointer-events: none;
                                  -moz-box-sizing: border-box;
                                  box-sizing: border-box;
        </style>
    <!--Adobe Edge Runtime End-->
    </head>
    <body>
    <div id="menu"><ul class="block-menu">
                        <li><a href="/home" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>
                        <li><a href="/demos" class="three-d">
                                  Work
                                  <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                        </a></li>
                        <li><a href="/deals" class="three-d">
                                  Blog
                                  <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                        </a></li>
                        <li><a href="/about" class="three-d">
                                  Profile
                                  <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                        </a></li>
            <li><a href="/about" class="three-d">
                                  Contact
                                  <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                        </a></li>
              </ul>
    <span class="block-menu"></span></div>
    <div  id="Stage" class="EDGE-57204389">
    </div>
    </body>
    </html>

    I've come across this from the Edge API:
    Edge.getComposition(compId)
    Anyone having trouble with this same issue should try this:
    var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
       targetComp.getStage().play();
    in their trigger or event handler.
    How I got it to work:
    <li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
       targetComp.getStage().play();" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>

  • Horizontal Navigation Bar

    I'm using the Spry horizontal menu bar, and I've got a problem.
    In IE7, but not in Firefox or Safari or even IE8, the hover state is apparently only active for the text in the submenus, not the entire 'button'.  That is, the list item is styled to look like a button, it's 12 ems wide, the text for most of the items doesn't fill the entire button.  If one puts their mouse over the 'empty' part of the button, it seems that the 'hover' state is lost and the submenu disappears. In the image below, if you mouse over Northside, but leave the mouse on the right side of the 'button', the menu will quickly disappear if using IE7; it stays put when using the other browsers.
    Very annoying to the user (and to this developer). 
    The site is http://www.acblunit174.org
    I wonder if anyone has an explanation?  Is this a known problem with a known workaround?
    The css file is included below.
    Any advice would be appreciated.
    Thanks
    Bert Onstott
    713-851-1511.
    [email protected]
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* 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
        padding:             0;
        list-style-type:     none;
        font-size:           11px;   /* changed font size to 11px */
        cursor:              default;
        width: 900px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: 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;
        font-size:           100%;
        position:            relative;
        text-align:          left;
        cursor:              pointer;
        width:               auto;     /* set the width to auto for the top level navigation bar items so they fit the text. */
        float:               left;
        padding:             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;
        padding:             0;
        list-style-type:     none;
        font-size:           100%;
        z-index:             1020;
        cursor:              default;
        position:            absolute;
        width:               12em;
        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;
        clear:               left;
    /* Menu item containers are seet to 14 ems */
    ul.MenuBarHorizontal ul li
        width:               12em;
    /* 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 auto so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left:                auto;
        top:                 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Menu items are a pale green block with padding, no text decoration and what amounts to      */
    /* and outset border.  Specifying 'outset' as the border doesn't work in IE with color CCCC99, */
    /* so it has to be simulated by specifying different left, right, top and bottom colors.       */
    ul.MenuBarHorizontal a
        display:             block;   /* causes menu items to appear horizontally */
        cursor:              pointer;
        background-color:    #ECE9D8; /* light green */
        color:               #000000; /* black */
        text-decoration:     none;
        border-top-width:    3px;
        border-right-width:  3px;
        border-bottom-width: 3px;
        border-left-width:   3px;
        border-top-style:    solid;
        border-right-style:  solid;
        border-bottom-style: solid;
        border-left-style:   solid;
        border-top-color:    #CCCC99;  /* dark greem */
        border-right-color:  #666600;  /* light green */
        border-bottom-color: #666600;  /* light green */
        border-left-color:   #CCCC99;
        padding-top:         3px;
        padding-right:       4px;
        padding-bottom:      3px;
        padding-left:        3px;
        margin: 1px;
    /* Menu items that have mouse over or focus have an olive green background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        background-color:    #999966;
        color:               #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with an olive green background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-color:    #999966;
        color:               #FFF;
    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-image: url(SpryMenuBarDown.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* 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-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* 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-image: url(SpryMenuBarDownHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* 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-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    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: #ECE9D8;*/

    I wonder if anyone can tell me easily how to make the submenu's under the horizontal menu bar also appear horizontally?
    This question is more suited to the Spry forum.

  • How can we align TOC and Navigation bar for Captivate 4 Aggregator Project?

    Hi,
    Is there any way we can align the bottom of TOC and Navigation bar of Captivate 4 Aggregator project. Or can we give a background color so that they don't look like different entities.
    Thanks,
    Janhavi

    I had this issue too.  What I discovered was that some of the slides in one of my presentations were off the screen.  Some because I had dropped pictures onto a blank slide, and others because I switched background images on recorded slides and didn't merge the images into the existing background.  After fixing those issues and republishing, I put the revised .swf into the aggregator and it worked. 

Maybe you are looking for

  • Two If statments

    Hi Gurus, Please check below conditon here two if statements are there if a>b then Result = c - d if c<=d then Result = 0 How to write if statement in Query designer Regards, Ram

  • How to Perform Java Vector Difference?

    Hello All, I need some help for Difference Between 2 Vectors Implementation I have written a short program to explain what I exactly one.. BasicallY I am looking for a method that returns a Vector containing the elements of vect1 minus the elements o

  • How to remove a network activity for one employee from the worklist?

    Hi, We are using the SAP project system where project resources are assigned network activities. In the worklist in the ESS timesheet, the assigned network activities are displayed for the employee. The problem is when several employees are assigned

  • Color correction like in Aperture

    Hi Im using Aperture for my photos, and there is a nice preset in Adjustment -> Presets -> Quick fix, which makes the color correction for us. Is there such option in FCP X ? Im not good in color correction so i would like to use feature like this. T

  • Any limit for burn itunes purchased songs into a cd?

    I wanna ask is there any limit to burn purchased songs into a cd? If yes, what is the max? Thx