Menu CSS avec IE

cabal -  
reedbedroom Messages postés 98 Statut Membre -
Bonjour,
j'ai réalisé une barre de navigation en CSS à base de listes. Ca fonctionne parfaitement sous Firefox mais pas sous Internet Explorer.

Je ne sais pas trop quoi faire, quelqu'un peut m'aider?

Merci

4 réponses

  1. faboons Messages postés 291 Date d'inscription   Statut Membre Dernière intervention   50
     
    Bonjour,

    je pense qu'il faudrait que tu sois plus précis :

    - Qu'est-ce-qui ne marche pas exactement ?

    Donne ton code ou au moins la portion concernée.

    Fab.
    0
  2. cabal
     
    Et bien voilà:

    La liste reste verticale et les éléments en sous liste qui doivent apparaitre en roll-over ne s'affichent pas.

    Voici le code CSS concerné:

    #principal {
    background:#E0FCC8;
    width:794px;
    height:30px;
    position:absolute;
    top:113px;
    left:197px;
    }
    #principal li {
    list-style-type:none;
    float:left;
    width:150;
    border-style:dashed;
    border-width:1px;
    }
    #principal li a:link, #principal a:visited{
    display:block;
    background:#ECFCC8;
    margin:0;
    padding:5px 6px;
    text-decoration:none;
    color:black;
    height:1%;
    }
    #principal li a:hover{
    background:#A5F95B;
    }
    #principal .secondaire{
    display:none;
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
    }
    #principal .secondaire li{
    float:none;
    border:0;
    }
    #principal .secondaire li a:link,#prinipal .secondaire li a:visited {
    display:block;
    text-decoration:none;
    }
    #principal .secondaire li a:hover{
    background-color:#A5F95B;
    }
    #principal li:hover > .secondaire {
    display:block;
    }

    qui s'applique à :
    <td height="37" colspan="4" valign="top"><ul id="principal">
    <li><a href="#"><img src="images/boutons/general.gif" width="122" height="37"></a>
    <ul class="secondaire">
    <li>Accueil</li>
    <li>Questionnaire</li>
    <li>Mail</li>
    </ul></li>
    <li><a href="#"><img src="images/boutons/electromenager.gif" width="122" height="37"></a>
    <ul class="secondaire">
    <li>Cafetière</li>
    <li>Crêpière</li>
    <li>Fer à repasser</li>
    <li>Machine à pain</li>
    </ul></li>
    <li><a href="#"><img src="images/boutons/electronique.gif" width="122" height="37"></a>
    <ul class="secondaire">
    <li>Cadre numérique</li>
    <li>Cadre réveil</li>
    <li>Montre</li>
    <li>Radio-réveil</li>
    </ul>
    </li>
    <li><a href="#"><img src="images/boutons/vetements.gif" width="122" height="37"></a>
    <ul class="secondaire">
    <li>Jogging</li>
    <li>Manteau</li>
    </ul>
    </li>
    <li><a href="#"><img src="images/boutons/autres.gif" width="122" height="37"></a>
    <ul class="secondaire">
    <li>Fontaine</li>
    <li>Parapluie</li>
    <li>Sac à dos</li>
    </ul>
    </li>
    </ul></td>
    <td> </td>
    </tr>
    0
  3. reedbedroom Messages postés 98 Statut Membre 98
     
    Bonjour,

    Je rencontre le même problème alors que cela fonctionne sur un autre site sur lequel j'ai appliqué le même code !!

    As tu trouvé la solution ? J'ai comme l'impression que cela vient du serveur (hébergeur différent pour les deux sites) mais cela me semble quand même étonnant.

    Merci de ton aide.
    0