Discussion :

[sadkat]

Bonjour,

Mon menu déroulant en CSS se déroule parfaitement au passage de la souris sauf sous IE6.
Pouvez vous regardez le code et me dire si quelque chose vous choque.

Merci d'avance.

Le site : http://www.cession-entreprise.com/deventreprise/

Code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<div id="menu">
    <ul id="menuDeroulant">
        <li style="width: 88px;" <?php if($_SERVER['SCRIPT_NAME'] == "/deventreprise/index.php"){echo "class='onglet_click'";} else echo "class='onglet'"; ?>><a href="<?= $path ?>">Accueil</a></li>
 
        <li style="width: 200px;"><a href="<?=$path ?>annonces/societe_a_reprendre.html">Reprendre une entreprise</a>
            <ul class="sousMenu" style="width: 200px;" >
                <li><a href="<?=$path ?>compte/index.php">Créez votre compte</a></li>
                <li><a href="<?=$path ?>annonces/societe_a_reprendre.html">Consultez nos annonces</a></li>
                <li><a href="<?=$path ?>formation.html">Formation ESSEC</a></li>
               <!-- <li><a href="<?=$path ?>plan-de-financement.html">Plan de financement</a></li>-->
            </ul>
        </li>
 
        <li style="width: 180px;"><a href="<?= $path; ?>ceder/index.php" target="_blank">Céder une entreprise</a>
            <ul class="sousMenu" style="width: 200px;">
                <li><a href="<?= $path; ?>ceder/index.php" target="_blank">Contactez nous</a></li>
                <li><a href="<?= $path; ?>valentin" target="_blank">Evaluez votre société</a></li>
            </ul></li>
 
        <li style="width: 200px;" ><a href="<?=$path?>actualite">Actualité de la transmission</a>
            <ul class="sousMenu" style="width: 100px;">
                <li><a href="<?=$path?>actualite/editorial/">Edito</a></li>
                <li><a href="<?=$path?>actualite/en-bref/">En bref</a></li>
                <li><a href="<?=$path?>actualite/interviews/">Interviews</a></li>
                <li><a href="<?=$path?>actualite/parcours/">Parcours</a></li>
                <li><a href="<?=$path?>actualite/secteurs/">Secteurs</a></li>
                <li><a href="<?=$path?>actualite/regions/">Régions</a></li>
                <li><a href="<?=$path?>actualite/financement/">Financement</a></li>
                <li><a href="<?=$path?>actualite/juridique/">Juridique</a></li>
                <li><a href="<?=$path?>actualite/dossiers/">Dossiers</a></li>
                <li><a href="<?=$path?>actualite/tribune/">Tribune</a></li>
            </ul>
        </li>
        <li style="width: 150px;">Conseils</a>
            <ul class="sousMenu" style="width: 170px;">
                <li><a href="<?=$path?>questions/nouvelle-question/">Posez vos questions</a></li>
                <li><a href="<?=$path?>questions">Consultez les réponses</a></li>
                <li><a href="<?=$path?>boite_a_outils.html">Fiches conseils</a></li>
            </ul>
        </li>
        <li style="width: 130px;"><a href="<?=$path?>carnet_adresse/index.php">Carnet d'adresse</a>
            <ul class="sousMenu" style="width: 170px;">
                <li><a href="<?=$path?>carnet_adresse/index.php?filtre=Avocats">Avocats</a></li>
                <li><a href="<?=$path?>carnet_adresse/index.php?filtre=Experts-comptables">Experts-comptables</a></li>
                <li><a href="<?=$path?>carnet_adresse/index.php?filtre=Financement">Financement</a></li>
                <li><a href="<?=$path?>carnet_adresse/index.php?filtre=Institutions">Institutions</a></li>
                <li><a href="<?=$path?>carnet_adresse/index.php?filtre=Salons">Salons</a></li>
            </ul>
        </li>
       <!-- <li style="width: 100px;"><a href="">FAQ</a></li>-->
    </ul>
</div>

Code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
/****** MENU *****/
#menu{
    background:#FFF url('../images/menu/menu.jpg') center center no-repeat;
    margin: auto;
    font:bold 10pt Arial;
    color: #FFF;
    line-height:38px;
    position: relative; 
    height: 39px; 
    float: left; 
    width: 100%;
}
 
/* MENU DEROULANT */
#menuDeroulant{
    list-style-type: none;
    margin:0 0 0 20px;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
}
#menuDeroulant li{
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
}
#menuDeroulant .sousMenu{
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 1px solid #143582;
    background: #fff;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited{
    display: block;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
 
#menuDeroulant ul.sousMenu li a:hover{ background-color: #4F6A99; color: #fff; }
 
#menuDeroulant .sousMenu li{
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited{
    display: block;
    color: #4C4C4C;
    margin:0;
    padding: 0 0 0 10px;
    border: 0;
    text-decoration: none;
    background-color:#FFF;
    background-image: none;
    text-align: left;
    line-height:23px;
}

Je m'excuse par avance si mon code n'est pas trop propre... Je suis en train de le nettoyer.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#menuDeroulant li:hover > .sousMenu { display: block; }

IE6 n'accepte :hover que pour les liens

[sadkat]

Haaa mais oui !! F***

Bon, je suis bonne pour trouver un petit js... arf, j'aime pas le js !
Surtout si vous en avez un sous la main, je suis preneur... Évidement c'est de l'abus, m'enfin je tente.

[sadkat]

Help !

Je ne m'en sort pas, j'ai essayé d'utiliser http://www.xs4all.nl/~peterned/csshover.html
Mais sans succes, je dois faire quelque chose de travers !

Je mets le fichier csshover dans le répertoire de mon site, je l'appel dans mon css avec le behavior: url("csshover3.htc"); dans le body, et rien dans le code source généré par IE6, aucune classe Hover n'est ajouté !!

Aidez moi svp, je ne comprends pas comment c'est censé fonctionner.
Je ne vois même pas comment cette ligne ds le css du body peut m'aider ! HELP

[sadkat]

J'ai trouvé :
http://www.css-faciles.com/menu-deroulant.php#ie6
Si ça peut aider....

Bonne journée