HTML & CSSur HTML, XHTML & CSS
1 svar · 356 visningar · startad av undentified
Hej!
Jag har problem med sprites! Allt funkar som det ska förutom att bakgrunden i varje sprite inte fungerar. Koden är längre ner och jag undrar varför bakgrunden inte fungerar...
#navlist{position:relative;}
#navlist li{margin:0px;padding:0px;list-style:none;position:absolute;top:0px;}
#navlist li, #navlist a{height:43px;display:block;}
#facebook{left:0px;width:22px;}
#facebook{background-image: url("menu_simplex.png") 0px 0px;}
#facebook a:hover{background-image: url("menu_simplex.png") 0px -21px;}
#twitter{left:63px;width:43px;}
#twitter{background-image: url("logo_twitter.png") -23px 0px;}
#twitter a:hover{background-image: url("logo_twitter_hover.png") -23px -21px;}
background-image är bara bilden, inte position
#facebook{left:0px;width:22px;}
#facebook{background: url("menu_simplex.png") 0px 0px;}
#facebook a:hover{background-position: 0px -21px;}
#twitter{left:63px;width:43px;}
#twitter{background: url("logo_twitter.png") -23px 0px;}
#twitter a:hover{background-position: -23px -21px;}
kommer fungera bättre (om du har logo_twitter.png och menu_simplex.png i samma mapp som css filen.