28221 sujets

CSS et mise en forme, CSS3

bonjour à tous et merci d'avoir créé ce forum

j'ai, grace aux tutos du site créé un menu avec une image réactive et sans préchargement http://www.alsacreations.com/articles/rollover_unique/

mais ce menu ne passe pas sous ff 1.0 alors et je ne comprends pas pkoi :

je vous mets le code


ul, li {
list-style-type: none;  
margin:0;
padding:0;
}

ul {
position: absolute; 
left: 0%;
top: 0px;
background: transparent url(images/leroimenu.jpg) top left no-repeat; 
height: 400x;
width: 200px;
text-align: center;
}

li {
display: inline;
}

li a { 
display: block; 
height: 80px;
width: 200px;
line-height: 80px;  
color: #FFFFFF;
font-size: 18px;
font-family: georgia, serif;
text-decoration: none;
}

li a:hover {
color: #FFFFFF;
background: transparent url(images/leroimenuinvert;jpg.jpg) top left no-repeat;
}

a#menu1:hover {
background-position: 0% -0px; 
}

a#menu2:hover {
background-position: 0% -80px;
}

a#menu3:hover {
background-position: 0% -160px;
}

a#menu4:hover {
background-position: 0% -240px;
}

a#menu5:hover {
background-position: 0% -320px;
}



voilà j'espère que j'ai été assez clair,
le html est validé mais pas le css à cause de "height"
je débute franchement alors désolé si j'ai pas dit ce qu'il fallait Smiley cligne

merci
Modifié le 28 Nov 2004 - 19:02
bon ben problème réglé, je n'utilisais pas une seule image mais deux et apparemment c'est ça qui genait ff.

à bientot je reviendrai surement très vite :cligne: