Liste et menu déroulant [Résolu]

Signaler
Messages postés
618
Date d'inscription
mercredi 4 avril 2007
Statut
Membre
Dernière intervention
27 août 2010
-
Messages postés
618
Date d'inscription
mercredi 4 avril 2007
Statut
Membre
Dernière intervention
27 août 2010
-
Bonjour,
Voilà, j'essaie de m'appliquer à faire les choses bien maintenant que j'en ai compris le bienfondé.
Donc utilisation de CSS à mort.
J'ai suivi les indication d'un bouquin pour faire un menu déroulant à partir de liste (ul / li) et tout allais bien, sur mac, pc, explorer, firefox, safari.
Et puis il ya eu une nouvelle version de safari (donc mac) et le menu... ne déroule plus. Alors, même si marche toujours sur tout le reste, safari étant le navigateur par défaut sur mac... ça la fout mal. Ce qui se passe, c'est que le menu n'apparait plus en rollOver... la liste caché le reste !!!

Adresse de la page : http://www.3atp.org/html/

Voici la CSS et je demande à tout ceux qui lirons d'excuser le pavé... c'est toujours pénible, alors ou le bas blaisse-t-il, et pourquoi cet enfoi... de Safari n'affiche plus ma liste caché alors que tous les autres le font :

div#listmenu ul li {
    padding-right: 15px;
    padding-left: 15px;
    background-color:#80B52B;
    color: #093F68;
    padding-top: 1px;
    padding-bottom: 1px;
}
div#listmenu ul li ul{
margin:0;
position:absolute;
width:10em;
left:-40px;
}

div#listmenu ul li ul li{
    width:100%;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #235171;
    border-bottom-color: #235171;
    border-left-color: #235171;
    background-color: #EFDFBE;
}

div#listmenu li{
float:left;
position:relative;
list-style-type:none;
border-right: 1px solid #999999;
}
div#listmenu ul li ul li:first-child{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #093F68;
}
div#listmenu ul li ul li:hover{
    background-color: #80B52B;
}
body div#listmenu ul li ul {
display:none;
}
div#listmenu ul li:hover ul{
    display:block;
}
div#listmenu ul li:hover{
    display:block;
    background-color: #EFDFBE;
}
div#listmenu ul li ul:hover{
    display:block;
}
* html div#listmenu ul li ul{
border-top:1px solid #00FFFF;
border-left:0px;
}

div#listmenu a{
    display:block;
    padding:0 6px;
    text-decoration:none;
    color: #093F68;
}
div#listmenu {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 1.1em;
    z-index: 10;
    position: relative;
    top: 10px;
}

Merci d'avance pour vos conseils et suggessions.

Tout vient à qui sait attendre

2 réponses

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
16
Bonjour,
essai avec un doctype traditionnel comme

<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN">
;O)
Messages postés
618
Date d'inscription
mercredi 4 avril 2007
Statut
Membre
Dernière intervention
27 août 2010
2
Je ne sais quoi dire !
Chapeau bas. Merci, et je sacrifie 3 agneaux et deux moutons pour toi.
Juste pour savoir... pourquoi le doctype de dreamweaver fout la mouise comme ça ? Mais bon, si personne répond, c'est pas grave.
Encore merci.

Tout vient à qui sait attendre