не могу разобраться со спрайтами

[Half-BloodGamer]

доброго времени суток
пишу свой сайт, решил сделать дизайн в виде PS Vita. То есть меню будет в виде кнопок справа. Попытка привязать первую ссылку к спрайту ни к чему не привела. Что я делаю не так?
HTML:

code

<div id="wrapper">
	<div id="left">
		<div id="joy">
			<a href="http://index.html" id="one" target=_blank>
			</a>
		</div>
	</div>
			<a href="http://blog.html" target=_blank>
				<img src="http://blog.png" alt="Блог">
			</a>
			<a href="http://video.html" target=_blank>
				<img src="http://video.png" alt="Видео">
			</a>
			<a href="http://contacts.html" target=_blank>
				<img src="http://contacts.png" alt="Контакты">
			</a>
</div>
<div id="right">
</div>

CSS:

code

#wrapper { /*центральный блок*/
  border: solid black thin;
  //background-color: black;
  margin: 10px 10px;
  padding: 10px 10px;
}
p { /*центральная часть сайта*/
  overflow: scroll;
  width: 50%;
  height: 50%;
  border: solid black thin;
  padding: 25px;
  margin: 25px;
  background-color: white;
}
#right { /*правый блок*/
  //float: right;
}
#left { /*левый блок*/
  //float: left; 
}
#joy { 
  background-image: url("../images/joyleft.png");
  width: 200px;
  height: 200px;
}
#one {
	width="70px";
	height="60px";
	background: url(../images/joyleft_1.png) 92 33;
}

@темы: HTML, CSS

Comments

[Makha]

background: url(../images/joyleft_1.png) 92 33; - нужно указать размерность... или %, или, как я понимаю, px...

Жаль не на живом примере, было бы проще помочь)

[Вашта Нерада]

#one {
	width:70px;
	height:60px;
        display:block;
	background: url(../images/joyleft_1.png) 92px 33px;
}

Чтобы ссылке задавать ширину и высоту, надо чтобы она была блочным элементом. Так что display: block или display: inline-block; =))

[Half-BloodGamer]

Makha, Вашта Нерада, я просто пытался задать координаты по х и у))

[Makha]

Кстати, на счет спрайтов... Открыла для себя удобный инструмент: www.spritecow.com/
попробуйте, это поможет немного разобраться с заданием координат)