Results 1 to 2 of 2

Thread: Css navigation alignment and goes under flash file

  1. #1
    Join Date
    Aug 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Css navigation alignment and goes under flash file

    Hi

    I need a bit of help with a drop down nav bar. There are two issue I have
    1. The drop down in IE 7 moves quite a bit to the right - this is fine on the mac and on IE8
    2. The drop down goes behind a flash file and not over it.

    I did not do the coding for this but it is up to me to sort it out.

    The url is www.naturalwear.co.nz

    Cheers

    This is the css code for the drop-down.

    Code:
    @charset "UTF-8";
    /* CSS Document */
    
    /*****NAV BAR****/
    
    #navBar
    {
    background: url(images/navbar_bg.png) top no-repeat;
    height: 62px;
    width: 1000px;
    font-size: 15px;
    z-index: 1;
    }
    
    #navBarMain
    {
    background: url(images/navbar_main_bg.png) top no-repeat;
    height: 62px;
    width: 1000px;
    font-size: 15px;
    }
    
    ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
    padding: 22px 0 0 58px;
    }
    
    #nav a {
    font-weight: normal;
    color: #bc5a9b;
    padding-left: 5px;
    }
    
    #nav a {
    text-decoration: none;
    }
    
    #nav a:hover {
    text-decoration: none;
    color: #b632a2;
    }
    
    #nav a.active
    {
    color: #333;
    }
    
    #nav li li a {
    display: block;
    font-weight: normal;
    /* color: #666;
    */ padding:0px 0px 15px 5px;
    /*border-bottom: 1px solid #999999;*/
    
    }
    
    #nav li li a:hover {
    /*padding: 0.2em 5px;
    border: 5px solid #7d6340;
    border-width: 0 5px;*/
    }
    
    li.navItem {
    float: left;
    position: relative;
    /*width: 120px;*/
    height: 40px;
    text-align: left;
    cursor: default;
    padding: 0 25px 1px 20px;
    }
    
    li#first {
    border-left-width: 1em;
    }
    
    li#last {
    border-right-width: 1em;
    }
    
    li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #eddff3;
    font-weight: normal;
    padding: 0px 10px 5px 10px;
    border-top: 16px solid #eddff3;
    margin: 0 0 0 -19px;
    }
    
    li>ul {
    top: auto;
    left: auto;
    }
    
    li li {
    display: block;
    float: none;
    background-color: transparent;
    padding: 14px 0px 14px 8px;
    width: 198px;
    height: 18px;
    border-top: 1px solid #FFFFFF;
    }
    
    li:hover ul, li.over ul {
    display: block;
    }
    
    /***NAV BAR END****/
    Last edited by Snookerman; 08-26-2009 at 07:07 AM.

  2. #2
    Join Date
    Sep 2009
    Location
    Burbank, CA
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Editing HTML code manually
    To edit an existing HTML page, add the WMODE parameters to the HTML code.

    Add the following parameter to the OBJECT tag:

    <param name="wmode" value="transparent">

    Add the following parameter to the EMBED tag:

    wmode="transparent"

    That will do it, Good Luck,

    BEST~
    RS

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •