28220 sujets

CSS et mise en forme, CSS3

Bonjour,
j'eesaye de réaliser un menu vertical.

Toute se passe bien sous firefox et opéra, hormis i.e..

Le display:block lors du mouse over ne fait rien sous i.e. il n'apparaît pas.


<style type="text/css">
.menu{
	word-spacing:10px;
	letter-spacing:2px;
	padding:5px;
	background-color:#CDCDB4;
	margin-left:0%;
	float:left;
	width:15%;
	z-index:200;
	}
.menu:hover>ul{
	display: block;
	position:absolute;
	background-color:#CDCDB4;
	color:inherit;
	}
.menu>ul>li:hover{
	background-color:#aae255;
	color:inherit;
	}
ul{
	margin:0%;
	padding:0%;
	color:inherit;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	display:none;
	}
li{
	list-style-type:none;
	color:inherit;
	padding:2px;
	}
</style>


<div class='menu'>
<a href=''>Menu1</a>
<ul >
	<li><a href='?var=1'>Accueil</a></li>
	<li><a href='?var=2'>News</a></li>
	<li><a href='?var=3'>Développement</a></li>
	<li><a href='?var=4'>Ressources</a></li>
	<li><a href='?var=5'>Contact</a></li>
</ul>
</div>


Merci.
Apparemment ça n'arrange toujours pas mon histoire.

Y aurait il une modif à effectuer dans mon css, parceque je ne vois pas ce qui cloche.

Merci