rollovers not working in IE

Forums Forums Menus rollovers not working in IE

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #784

    Hi there. This plug in works perfectly in Firefox and almost perfectly in IE (a feat in itself). I just haven’t been able to get the rollover colors to react the same way they do in Firefox. The background on the top level doesn’t change for anything but the services (the only selection with a dropdown) and the drop down for services doesn’t react to the rollover. Both are fine in Firefox.
    I used the css generator for the code. I did make some slight tweaks just to get my float to show up correctly in IE but that’s it.

    site link: http://www.abetterbody4u.com/%5B/url:21147pda%5D

    #suckerfishnav {
        background:#c0f3c8 repeat-x;
        font-size:18px;
        font-family:verdana,sans-serif;
        font-weight:bold;
        width:872px;
    height:40px;
    border-top:2px solid #5ac661;
    border-bottom:2px solid #5ac661;
        }
    #suckerfishnav, #suckerfishnav ul {
        float:none;
        list-style:none;
        line-height:40px;
        padding:0;
       
        margin:0px 0px 0px 25px;

        }
    #suckerfishnav a {
        display:block;
        color:#301F15;
        text-decoration:none;
        padding:0px 10px;
        }
    #suckerfishnav li {
        float:left;
        padding:0;
        }
    #suckerfishnav ul {
        position:absolute;
        left:-999em;
        height:auto;
        width:101px;
        font-weight:normal;
        margin:0;
        line-height:1;
        border:0;
        border-top:1px solid #666666;
        }
    #suckerfishnav li li {
        width:99px;
        border-bottom:1px solid #666666;
        border-left:1px solid #666666;
        border-right:1px solid #666666;
        font-weight:bold;
        font-family:verdana,sans-serif;
        }
    #suckerfishnav li li a {
        padding:4px 10px;
        width:80px;
        font-size:12px;
        color:#301F15;
        }
    #suckerfishnav li ul ul {
        margin:-21px 0 0 100px;
        }
    #suckerfishnav li li:hover {
        background:#5ac661;
        }
    #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
        color:#ffffff;
        }
    #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
        color:#ffffff;
        }
    #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
        color:#301F15;
        }
    #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
        left:-999em;
        }
    #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
        left:auto;
        background:#c0f3c8;
        }
    #suckerfishnav li:hover, #suckerfishnav li.sfhover {
        background:#5ac661;
        }

    Any help would be great!

    #6020
    blackkats4
    Member

    Hey, buddy I got the same problem….  it is soo hard to find a good css nav menu that will work in IE…. Like you said at least it does show up in IE just does not do the hoover thing..

    I see you posted back on the 1st…. and I posted today and you still do not have an answer…  That tells me alot about this forum…  <img decoding=” title=”Wink” />

    I hope we can both get an answer soon…. 

    Hey I just opened the menu generator in IE 6 and it does not behave like it does in ff.  <img decoding=” title=”Smiley” />  There are only the top main buttons… nothing in slider or dropdown… but they do hoover…. so we must be missing something….<img decoding=” title=”Smiley” /> in our ie js file.  Maybe if we do a view source and copy all the js files on the menu generator it will work.  just my two cents.

    #6021
    &quot;blackkats4&quot; wrote:
    I see you posted back on the 1st…. and I posted today and you still do not have an answer…  That tells me alot about this forum…  <img decoding=” title=”Wink” />

    If you don’t like our forum then I won’t bother answering your question then.

    As stated in the [iurl=https://geek.hellyer.kiwi/forum/http://localhost/phpBB3/viewtopic.php?t=5]Please read before posting[/iurl] topic, all IE problems are left at the bottom of the pile. Such questions are almost never caused by the plugin so are left till I have time to get around to answering them.

    &quot;relspeedwagon&quot; wrote:
    Hi there. This plug in works perfectly in Firefox and almost perfectly in IE (a feat in itself). I just haven’t been able to get the rollover colors to react the same way they do in Firefox.

    Which version of IE are you having problems with?

    #6022
    blackkats4
    Member

    relspeedwagon, you might want to go to this page and save then upload this .js file in place of the suckerfish_ie.js file …. I am going to give it a go in a sec and will let you know if it fixes the problem.
    https://geek.hellyer.kiwi/wp-content/themes/pixopoint/[color=red:3j8icdqw]ryans_suckerfish.js[/color:3j8icdqw]

    Well, that did not seem to fix the situation… so I am at a loss.  I hate IE….. it is so difficult to be a webmaster when you have to deal with such an out of date browser…

    Ryan,  I was just making an observation.  6 days at the bottom of the pile seems a bit extreem to me as the forum does not seem to be that busy.  But I suspose that you are flat out with support tickets from the high rollers…. <img decoding=” title=”Smiley” />  <img decoding=” title=”Grin” />  so the fourm would be middle of the road and then IE questions would be way back on the back burner.  LOL I am just having ya on m8…..  You really do have a great program there and at least it works in IE which as relspeedwagon pointed out is a "feet" <img decoding=” title=”Smiley” /> in its self…

    #6023
    blackkats4
    Member

    Looked at your view source and did not see the IE fix at all.  but this is the script. Cllick on link and then save the page and insert the script in your website just above your menu script.

    https://geek.hellyer.kiwi/wp-content/themes/ … kerfish.js

    <!–[if lte IE 6]><script type="text/javascript" src="http://your websitre/ryans_suckerfish.js"></script><![endif]–>

    put it here in your site.
    Since you are using div instead of tr and td’s  I would say put it
    after the
    <div id="pixopoint_menu_wrapper1">  unless it is already included in the menu_wrapper1…

    I do not work with wordpress and implemented the menu in another program.  From what Ryan said is that using wordpress it is not necessary… But in this website
    http://www.ikum.de/was-bietet-ikum/websiten/
    that is using wordpress they have the script as the 3 script just above the </header> tag if you view their source. 

    So there I have given you a couple of options to try… Hope you get if fixed soon. it is a super nav menu….

    <!– Multi-level Navigational Plugin by PixoPoint Web Development … https://geek.hellyer.kiwi/multi-level-navigation/ –>

    <div id="pixopoint_menu_wrapper1">
    <div id="pixopoint_menu1">
    <ul class="sf-menu" id="suckerfishnav"><li class="current_page_item"><a href="http://www.abetterbody4u.com/">HOME</a></li><li class="page_item page-item-4"><a href="http://www.abetterbody4u.com/?page_id=4&quot; title="ABOUT">ABOUT</a></li>
    <li class="page_item page-item-2"><a href="http://www.abetterbody4u.com/?page_id=2&quot; title="CONTACT">CONTACT</a></li>

    <li class="page_item page-item-40 haschildren"><a href="http://www.abetterbody4u.com/?page_id=40&quot; title="SERVICES">SERVICES</a>
    <ul>
    <li class="page_item page-item-26"><a href="http://www.abetterbody4u.com/?page_id=26&quot; title="“No Lipo” Lipo">“No Lipo” Lipo</a></li>
    <li class="page_item page-item-17"><a href="http://www.abetterbody4u.com/?page_id=17&quot; title="Arasys">Arasys</a></li>
    <li class="page_item page-item-24"><a href="http://www.abetterbody4u.com/?page_id=24&quot; title="Body Wrap">Body Wrap</a></li>
    <li class="page_item page-item-21"><a href="http://www.abetterbody4u.com/?page_id=21&quot; title="Perfector">Perfector</a></li>

    <li class="page_item page-item-10"><a href="http://www.abetterbody4u.com/?page_id=10&quot; title="TANNING">TANNING</a></li>
    </ul>
    </li>
    <li class="page_item page-item-6"><a href="http://www.abetterbody4u.com/?page_id=6&quot; title="TESTIMONIALS">TESTIMONIALS</a></li>
    </ul>
    </div>
    </div>
        </div>

    </div>

    #6024

    [quote:1s0p1f39]relspeedwagon, you might want to go to this page and save then upload this .js file in place of the suckerfish_ie.js file[/quote:1s0p1f39]

    Nope, that won’t help. There is an alternative script called Superfish which is being loaded which is already correcting the :hover problem in IE6.

    [quote:1s0p1f39]Ryan,  I was just making an observation.  6 days at the bottom of the pile seems a bit extreem to me as the forum does not seem to be that busy.  But I suspose that you are flat out with support tickets from the high rollers.[/quote:1s0p1f39]

    This is a support forum for helping people use the plugin. It is not an instructional forum for learning basic CSS. I’m happy to help, but only on my time schedule.

    And no it isn’t from helping high rollers. I also have a job, am doing a PhD, develop new software/plugins and somewhere in there I need a break. The thing that has taken a cut is the boring task of help people fix their problems in IE. I guess if that isn’t acceptable then I could just post a notice saying that no IE questions will be answered at all and direct uses off to CSS related help forums, but I’d rather not do that.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.