probleme menu deroulant css

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : probleme menu deroulant css

zit_zit

bonjour à tous....

je suis en train de faire un menu deroulant vertical en css.
j ai 2 soucis.
le premier est que sous IE le menu s'affiche pas en colonne mais en ligne(font chier c putin de navigateur!!!!!)
mon deuxieme est sous firefox les colonne s'affiche bien seulement il y a un probleme avec les forme sur les colonnes et les liens enfin assez de blabla je mets mes pages sur le serveur cbarrancos.free.fr et constaté par vous meme...
je met aussi le code du css.here:

Code :

<style type="text/css">
body {
background:#666;
color:#FFFFCC;
behavior: url(css/csshover.htc);
font-family: Arial, Helvetica, sans-serif;}
div#menuDeroulant{
float: left;
margin: -1px 0 0 ;
size:-1px;
font-size:small;}
div#menuDeroulant li{
position: relative;
list-style: none;
margin: 0;
float: left;
border-bottom: 1px solid #CCC;
border-top:1px solid #CCC;
}
div#menuDeroulant ul ul{
position:absolute;
display:none;
}
div#menuDeroulant ul{
margin:0;
padding:0;
background:#666666;
border-bottom:1px #CCCCCC solid;
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
}
div#menuDeroulant li.sousmenu{
background:#666666;}
div#menuDeroulant li a{
display:block;
text-decoration:none;
padding:0.5em 0.5em 0.5em 0.5em;haut droite bas gauche
color:#FF9900;
text-align:center;
}
div#menuDeroulant li:hover{
background:#FFFF99;met une couleur au passage de la souris
}
definition des niveau d imbrication
div#menuDeroulant ul.niveau1 li.sousmenu:hover ul.niveau2
{display:block;}
</style>

Publicité

xtof_83

Freeride Spirit

Et le code HTML please

zit_zit

la source est sur l adresse que j ai donné :cbarrancos.free.fr mais si tu le veux le voila:

Code :

<body>
<div align="center" id="menuDeroulant">
<ul id="navlist" class="niveau1" >
<li class="sousmenu"><a >Créations / Productions </a>
<ul class="niveau2">
<li style="text-align:left"><a href="prod.php">Concerts Spectacles Jeunes Public</a></li>
<li><a href="prod.php">Concerts Spectacles Tout Public</a></li>
<li><a href="prod.php">Concerts en Extérieur</a></li>
<li><a href="prod.php">Installations Sonores</a></li>
</ul>
</li>
<li class="sousmenu" ><a href="/services/">Formations / Actions Pédagogiques </a>
<ul class="niveau2" >
<li ><a href="/services/strategy/">Appliquées au spectacles </a></li>
<li ><a href="/services/optimize/">Développées avec les scolaires </a></li>
<li><a href="/services/guidance/">Conférences, Stages, Concerts étudiants</a></li>
<li ><a href="/services/training/">Supports pédagogiques </a></li>
</ul>
</li>
<li class="sousmenu"><a href="/events/"> La Recherche </a>
<ul class="niveau2" >
<li ><a href="#">L'Acoustilight</a></li>
<li ><a href="#">L'Acoustigloo</a></li>
<li ><a href="#">La machina Acousmatique</a></li>
</ul>
</li>
<li class="sousmenu" ><a href="/pubs/">Le GMVL </a>
<ul class="niveau2" >
<li ><a href="/pubs/articles/">Qui sommes nous?</a></li>
<li ><a href="#">La musique électroacoustique</a> </li>
<li><a href="#">Les studios</a></li>
<li ><a href="/pubs/tuts/">Nous joindre</a></li>
<li><a href="#">Nos partenaires</a></li>
</ul>
</li>
<li class="sousmenu"><a href="#">Edition </a>
<ul class="niveau2">
<li ><a href="#">CD</a></li>
<li ><a href="#">Livres, Livres CD</a> </li>
<li><a href="#">Les Invendables</a></li>
</ul>
</li>
<li ><a href="/contact/">Agenda </a></li>
<li ><a href="#">Ecouter </a></li>
<li ><a href="#"> Newsletter </a></li>
<li ><a href="#">Plan du site </a></li>
</ul>
</div>
</body>

xtof_83

Freeride Spirit

Code :

* {
margin:0;
padding:0;
}
body {
background:#666; /*correspond a la couleur de fond*/
color:#FFFFCC;/*correspond a la couleur du texte*/
font-family: Arial, Helvetica, sans-serif;}
/*position du menu dans le body*/
div#menuDeroulant{
font-size:small;}
div#menuDeroulant>ul>li{
list-style: none;
float: left;
border-bottom: 1px solid #CCC;
border-top:1px solid #CCC;
}
div#menuDeroulant ul ul{
position:absolute;
margin:1px 0px;
display:none;/*cache tous les sous menu */
}
/*mise en forme des menus*/
div#menuDeroulant ul{
background:#666666;
/*border:1px #CCCCCC solid;place un cadre autour des lsite de dimension 1px*/
}
div#menuDeroulant .niveau2 li{
background:#666666;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
}
/*mise en forme des liens*/
div#menuDeroulant li a{
display:block;/*permet de mettre tout le block comme zone cliquable pour le liens*/
/*ne fonctionne pas sous IE*/
text-decoration:none;
padding:0.5em 0.5em 0.5em 0.5em;/*haut droite bas gauche*/
color:#FF9900;
}
div#menuDeroulant li:hover{
background:#FFFF99;/*met une couleur au passage de la souris*/
}
/*definition des niveau d imbrication*/
div#menuDeroulant ul.niveau1 li.sousmenu:hover ul.niveau2
{display:block;
list-style: none;
text-align:left;}

testé sous FF...Pas IE

Mais ton menu marchera jamais sous IE, il te faut du JS...

mIRROR

Chevreuillobolchévik

pour resoudre le probleme de ff c est super simple

ul.niveau2 li {width:100%;}

pour ie ca va etre plus tendu
et je suis pas convaincu que ton fichier behavior marche comme prevu

FORUM HardWare.fr

Programmation

HTML/CSS

probleme menu deroulant css

Sujets relatifs
probléme avec un menu déroulant	Problème menu déroulant [self-résolu]
Probleme de menu déroulant	petit probleme script de menu deroulant
Probleme menu deroulant html/css/javascript	Problème avec un menu déroulant
Probleme menu déroulant	[Delphi6]menu deroulant probleme de taille
Probleme de menu déroulant (JavaScript ou PHP)	URGENT : Problème avec un menu déroulant !
Plus de sujets relatifs à : probleme menu deroulant css

Page générée en 0.072 secondes