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
    Junior Member
    Join Date
    Jun 2007
    Posts
    3
    Member #
    15424
    I have been working on this for hours and have yet to come up with a solution.

    I have a basic CSS driven dropDown Menu I wrote for this site, it works in FF, Safari and IE7 but in IE 6 whenever you scroll over the menu nothing happens, just the rollover image and no drop down, I have been through the code 384973289 times and tried hack after hack and I cant figure it out.

    Please let me know if there is an easy solution or if I am just overlooking something or what.

    here is the CSS script:
    #navigation, #navigation ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 900px;
    }
    #navigation a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 109px;
    padding: 0px;
    margin: 0px;
    }
    #navigation a:hover {
    color:#CCCCCC;
    }
    #navigation li {
    float: left;
    width: 109px;
    height: 20px;
    background-image:url(images/dd_backgroundtabs.gif);
    }
    #navigation li ul {
    position: absolute;
    width: 109px;
    left: -999em;
    text-indent: 5px;
    }
    #navigation li.bottom {
    background-image:url(images/dd_bottomtabs.gif);
    height: 20px;
    width: 109px;
    margin: 0px;
    padding: 0px;
    }
    #navigation li:hover ul {
    margin:0px;
    left: auto;
    }
    #navigation li:hover ul, #navigation li.hover ul {
    margin:0px;
    left: auto;
    }
    /*IE 7 fix */
    #navigation li:hover, #navigation li.hover {
    position: static;
    visibility:visible;
    }


    and the html:

    <!-- DROPDOWN SCRIPT -->
    hover = function() {
    var sfEls = document.getElementById("navigation").getElementsB yTagName("li");
    for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
    this.className+="hover";
    }
    sfEls[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(" hover\\b"), "");
    }
    }
    }
    if (window.attachEvent) window.attachEvent("onload", hover);

    <ul id="navigation">
    <li style="width:16px;"><img src="images/lft_nav_spcr.gif" alt="#" width="16px" height="25px" /><li style="width:420px;"><img src="images/mgm_url.gif" alt="#" width="420px" height="25px" /></li>
    <li><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/about_over.gif',1)"><img src="images/about.gif" alt="aboutroll" name="about" width="109px" height="25px" border="0px" id="about" /></a>
    <ul>
    <li><a href="ourCompany.php">Our Company</a></li>
    <li class="bottom"><a href="location.php">Location</a></li>
    </ul>
    </li>




    I appreciate it.

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    Give us a link to the actual website.



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 03:17 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com