Menu hidden behind WordPress column

Forums › Forums › Menus › Menu hidden behind WordPress column

Viewing 15 posts - 16 through 30 (of 51 total)
1 2 3 4
  • Author
    Posts
  • September 14, 2008 at 12:17 pm #3396
    Anonymous
    Member

    Have the same issue but only in Internet Explorer 6 (IE6)

    ********** here’s the PHP code **********
    <!– Multi Level Navigation –>
    <div id="multi-level-navigation">
    <?php if (function_exists(‘suckerfish’)) {suckerfish();} ?>
    </div>

    ********** here’s the CSS **********
    /*

    Multi Level Navigation Position

    */
    #multi-level-navigation {
    margin-top: -40px;
    position:relative;
    top: 0px;
    left: 0:px;
    float:left;
    width:100%;
    border-left-width: 0px;
    border-right-width: 0px;
    border:0px solid #FFFF00; /* Bugfixing purpouse */
    display: inline;
    z-index:30;
    }

    ********** Enter your CSS here **********
    #suckerfishnav {
    filter:alpha(opacity=70); /* IE’s 5.5 and 7 opacity does not work in IE 6*/
    -moz-opacity:0.7; /* FF 2 and 3 opacity*/
    opacity:0.7;  /* opera and safari opacity */
    z-index: 45;
        background:#000000;
        font-size:13px;
        font-family:verdana,sans-serif;
        width:100%;

        }
    #suckerfishnav, #suckerfishnav ul {
        float:left;
        list-style:none;
        line-height:40px;
        padding:0;
        border-top:1px solid #aaa;
        border-bottom:1px solid #aaa;
        margin:0;
        width:100%;
        }
    #suckerfishnav a {
        display:block;
        color:#dddddd;
        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:#dddddd;
        }
    #suckerfishnav li ul ul {
        margin:-21px 0 0 100px;
        }
    #suckerfishnav li li:hover {
        background:#ff0090;
        }
    #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:#dddddd;
        }
    #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
        color:#dddddd;
        }
    #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:#dddddd;
        }
    #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:#000000;
        z-index:50;
        }
    #suckerfishnav li:hover, #suckerfishnav li.sfhover {
        background:#0099ff;
        }

    September 14, 2008 at 12:17 pm #3496
    Anonymous
    Member

    Have the same issue but only in Internet Explorer 6 (IE6)

    ********** here’s the PHP code **********
    <!– Multi Level Navigation –>
    <div id="multi-level-navigation">
    <?php if (function_exists(‘suckerfish’)) {suckerfish();} ?>
    </div>

    ********** here’s the CSS **********
    /*

    Multi Level Navigation Position

    */
    #multi-level-navigation {
    margin-top: -40px;
    position:relative;
    top: 0px;
    left: 0:px;
    float:left;
    width:100%;
    border-left-width: 0px;
    border-right-width: 0px;
    border:0px solid #FFFF00; /* Bugfixing purpouse */
    display: inline;
    z-index:30;
    }

    ********** Enter your CSS here **********
    #suckerfishnav {
    filter:alpha(opacity=70); /* IE’s 5.5 and 7 opacity does not work in IE 6*/
    -moz-opacity:0.7; /* FF 2 and 3 opacity*/
    opacity:0.7;  /* opera and safari opacity */
    z-index: 45;
        background:#000000;
        font-size:13px;
        font-family:verdana,sans-serif;
        width:100%;

        }
    #suckerfishnav, #suckerfishnav ul {
        float:left;
        list-style:none;
        line-height:40px;
        padding:0;
        border-top:1px solid #aaa;
        border-bottom:1px solid #aaa;
        margin:0;
        width:100%;
        }
    #suckerfishnav a {
        display:block;
        color:#dddddd;
        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:#dddddd;
        }
    #suckerfishnav li ul ul {
        margin:-21px 0 0 100px;
        }
    #suckerfishnav li li:hover {
        background:#ff0090;
        }
    #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:#dddddd;
        }
    #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
        color:#dddddd;
        }
    #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:#dddddd;
        }
    #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:#000000;
        z-index:50;
        }
    #suckerfishnav li:hover, #suckerfishnav li.sfhover {
        background:#0099ff;
        }

    September 14, 2008 at 10:59 pm #3397
    imported_Ryan
    Member

    Hi Kugelblitz,
    Could you post a link to your problem in action? It’s a bit faster for me to bug fix things that way. Plus most problems are caused by other CSS on the page. If you haven’t changed any CSS from the generator, then the code you have left above should work fine.

    Thanks <img decoding=” title=”Smiley” />

    September 14, 2008 at 10:59 pm #3497
    imported_Ryan
    Member

    Hi Kugelblitz,
    Could you post a link to your problem in action? It’s a bit faster for me to bug fix things that way. Plus most problems are caused by other CSS on the page. If you haven’t changed any CSS from the generator, then the code you have left above should work fine.

    Thanks <img decoding=” title=”Smiley” />

    October 20, 2008 at 2:55 pm #3398
    russds
    Member

    I’m having the same problem here: http://usfinances.info/site/ the first dropdown, goes behind the categories menu.  I’ve played with the z-indexes, and assumed that was it, but it hasn’t had any effect.  any ideas?

    October 20, 2008 at 2:55 pm #3498
    russds
    Member

    I’m having the same problem here: http://usfinances.info/site/ the first dropdown, goes behind the categories menu.  I’ve played with the z-indexes, and assumed that was it, but it hasn’t had any effect.  any ideas?

    October 21, 2008 at 2:58 pm #3399
    russds
    Member

    nm.  i got it.  i just went through all the css elements and added    z-index:100;, then added    z-index:0; to elements that were showing on top.  works now.

    October 21, 2008 at 2:58 pm #3499
    russds
    Member

    nm.  i got it.  i just went through all the css elements and added    z-index:100;, then added    z-index:0; to elements that were showing on top.  works now.

    October 24, 2008 at 8:16 am #3400
    imported_Ryan
    Member

    Glad to hear you got it working <img decoding=” title=”Smiley” />

    October 24, 2008 at 8:16 am #3500
    imported_Ryan
    Member

    Glad to hear you got it working <img decoding=” title=”Smiley” />

    October 30, 2008 at 9:54 am #3401
    Anonymous
    Member

    z-index: 1000;

    das sollte im css einfach in den header getan werden!!! die navi könnt ihr alle so schön lassen, wie sie ist <img decoding=” title=”Wink” /> !!! ein wirklich sehr schönes plugin! danke dafür!

    ps: bei mir läuft das ganze tadellos auf diesem weg! sieht grob so aus,,, wie gesagt: die navi ist im header:

    #header {
            z-index: 1000;
    background: #000 url(images/header.jpg) no-repeat;
    height: 120px;
    position: relative;
    }

    October 30, 2008 at 9:54 am #3501
    Anonymous
    Member

    z-index: 1000;

    das sollte im css einfach in den header getan werden!!! die navi könnt ihr alle so schön lassen, wie sie ist <img decoding=” title=”Wink” /> !!! ein wirklich sehr schönes plugin! danke dafür!

    ps: bei mir läuft das ganze tadellos auf diesem weg! sieht grob so aus,,, wie gesagt: die navi ist im header:

    #header {
            z-index: 1000;
    background: #000 url(images/header.jpg) no-repeat;
    height: 120px;
    position: relative;
    }

    October 30, 2008 at 10:39 pm #3402
    imported_Ryan
    Member

    Excellent. Nice to hear things went so well for you Sebastian.

    October 30, 2008 at 10:39 pm #3502
    imported_Ryan
    Member

    Excellent. Nice to hear things went so well for you Sebastian.

    November 9, 2008 at 6:18 am #3403
    Anonymous
    Member

    my problem is its going behind a slideshow which is present only in index page. all other pages it works like a charm.

    Any idea how to bring up of a flash movie ?

  • Author
    Posts
Viewing 15 posts - 16 through 30 (of 51 total)
1 2 3 4
  • You must be logged in to reply to this topic.