28173 sujets

CSS et mise en forme, CSS3

bonjour à tous,

je suis en train de modestement creer un site sur mes chiens et curieusement un menu qui fonctionne parfaitement sous IE ne veut absolument rien entendre sous Opera ou Firefox Smiley decu
j'ai très certainement fait une erreur a quelque endroit mais je me trouve bien incapable d'identifier où
alors j'en appelle a vos lumières Smiley cligne
voici le code

ul, li {	
list-style-type: none;	
margin:0;
top:60px
padding-left: 50px;
}
ul {
float: left;	

left: 50px;
background: #FFF url(images/menuvolta.jpg) top left no-repeat;	
width: 150px;
height: 154px;

}
li {display: inline;}	

li a {	
display: block;	
height: 30px;
width: 150px;
color: #FFF;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
font-family:  Brush Script MT, papyrus;
text-decoration: none;
line-height: 30px;	
text-align: center;
padding-right: 40px;
marging-top: 30px;
}
li a:hover {
color: #000;
background: #ffffff url(images/menuvolta.jpg) top left no-repeat;
}
li a:active {
color: #005300;}
}
a#menu1:hover {	
background-position: 0% -154px;
}
a#menu2:hover {	
background-position: 0% -184px;
}

a#menu3:hover {
background-position: 0% -214px;
}
a#menu4:hover {
background-position: 0% -244px;
}
a#menu5:hover {
background-position: 0% -274px;
}


et voici le lien : www.noonsangels.com/volta2.htm
Modifié par noonsangels (07 Mar 2007 - 22:01)