Hi,

I'm trying to put a superfish menu online, and i have issues with IE 6 and 7..
it's visible on this site :
http://www.voyagemotion.com/

but, it's in the members area.. so, i'll try to give the concerned code, here..

i'm using jquery 1.2.3, hoverIntent, and then call superfish.. I've not tried to add bgiframe, as i think it's only for IE6, and my problem is also with IE7...

i've fixed the z-index of all the column that should be under to 1, but it doesn't change anything.. the menu appears under the rest of the page..

here is my container definition :

#user_log
{
        position:static;
        float:right;
        margin-right:15px;
        margin-top:15px;
        color:#646569;
        width:150px;
        text-align:center;
}

the html code :

<div id="user_log">
<span style="font-weight:bold;display:block;width:100%;text-align:center;">
Bienvenue Vince <br /><span style="font-weight:normal;font-size:9px;">(<a href="/Mon-Carnet-de-Voyage/logout.php">D&eacute;connexion</a>)</span>
</span><br />
<ul class="nav">
        <li><a href="#" style="font-weight:bold;font-size:13px;">Menu</a>
        <ul>
<li><a href="/Medias/user.php?user_id=63">Consulter mes m&eacute;dias</a></li>

                <li><a href="/Mon-Carnet-de-Voyage/">Uploader des 
m&eacute;dias</a></li>
<li><a href="/Mon-Carnet-de-Voyage/tous_mes_medias.php">Editer mes m&eacute;dias</a></li> <li><a href="/Mon-Carnet-de-Voyage/deleteMedias.php">Supprimer des m&eacute;dias</a></li> <li><a href="/Mon-Carnet-de-Voyage/carnets.php">Organiser mes m&eacute;dias</a></li> <li><a href="/Mon-Carnet-de-Voyage/profil.php?height=400&amp;width=700&amp;TB_iframe=true&amp;KeepThis=true" class="thickbox">Editer mon profil</a></li>

                <li><a href="/">Retour &agrave; l'accueil</a></li>
        </ul>
        </li>
</ul>
</div>


And my superfish.css


/* There is a version of this file commented in great detail for educational purposes here: * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
        margin:0;
        padding:0;
        list-style:none;
}
.nav {
        line-height:1.0;
}
.nav ul {
        position:absolute;
        top:-999em;
        width:150px;
        height: 30px;
}
.nav ul li,
.nav a {
        width: 100%;
}
.nav li {
        float:left;
        position:relative;
        z-index:99;
}
.nav a {
        display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
        left:-1px;
        top:2.5em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
        top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
        left:150px;
        top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
        top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
        /*float:left;*/
        margin:auto;
        margin-bottom:1.5em;
        width:150px;
        height: 30px;
}
.nav li {
        background:#FFFFFF;
        background-image: url(/images/CSS/fd-menu0.gif);
        border-left:1px solid #fff;
        border-top:1px solid #CFDEFF;
        width:150px;
}
.nav a {
        color: #13a;
        padding: .75em 0;
        text-decoration:none;
        text-indent: 5px;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
        background:#e7e7e7;
        background-image: url(/images/CSS/fd-menu.gif);
}
.nav li li {
        background:#FFFFFF;
        background-image: url(/images/CSS/fd-menu.gif);
}
.nav li li li {
        background:#9AAEDB;
}







Reply via email to