Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    IE7 is not showing the background image for my nav bar. FF is fine. I'm thinking I need an IE opacity rule or something?

    www.bluewaterhomeloans.com

    I know... it's a spry menu from DW, but I've never had a problem using them until I tried to use a background image. Any ideas? I hate to post all this code but....


    <div id="navbar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="../index.html">Home</a> </li>
    <li><a href="../programs.html">Programs</a></li>
    <li><a href="../application.html">Application</a> </li>
    <li><a href="#" class="MenuBarItemSubmenu">Teams</a>
    <ul>
    <li><a href="../team.html">Port Huron</a></li>
    <li><a href="#">City 2</a></li>
    <li><a href="#">City 3</a></li>
    <li><a href="#">City 4</a></li>
    <li><a href="#">City 5</a></li>
    </ul>
    </li>
    <li><a href="../contact.html">Contact</a></li>
    </ul>
    </div>


    CSS

    #navbar {
    background-color: #4ABAFF;
    background-image: url(../images/navbar_bg.png);
    background-repeat: no-repeat;
    height: 33px;
    color: #FFFFFF;
    font-size: 1.3em;
    padding-left: 15px;
    width: 943px;
    padding-top: 2px;
    }


    ul.MenuBarHorizontal (unrelated code removed)
    {
    margin: 3px;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    }



    ul.MenuBarHorizontal li
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 6em;
    float: left;
    }


    ul.MenuBarHorizontal a
    {
    display: block;
    cursor: pointer;
    padding: 0.1em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    }

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    I got it, but presents another problem with the one submenu I have.

    I added this to the ul li...

    filter:alpha(opacity=0);

    Then this happens to the submenu (see attachment)Attachment 3236
    Javascript?
    Attached Images Attached Images


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:16 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com