меню на спрайтах

andys · April 17, 2011

<body>
<ul>
		<li><a href="#"> Услуги</a></li>
<li><a href="#"> Продукция</a></li>

</ul>


</body>

ul {
	display: inline-block;
}

ul li {
	display: inline-block;
	list-style-type:none;
	text-indent:37px;
	padding-right: 26px;
}



ul li a {
	display:block;
	height: 30px;
	color:#999999;
	text-decoration:underline;
	background-image: url(../img/bg.png);
	background-repeat:no-repeat;



}

ul li a:hover {
	background-position:bottom left;

}

bg.png http://cs4437.vkonta.../x_193d5613.jpg (235x60) использую шириной больше чем занимает блок, но он отображается только до конца ссылки

без проблем получается сделать когда ширина фиксированная

подскажите тут пожалуйста

Edited March 24, 2013 by andys

DrStrangeLove · April 18, 2011

imho, зачем вообще спрайт когда изменение совсем небольшое?? Нельзя никак через border-bottom?

rediskavet · April 18, 2011

через border-bottom будет то-же самое т.к ссылка блочная, она заняла всю ширину родительского элемента минус 26px прового отступа.

Можете перенести padding-right: 26px; с родительской li-шки на ссылку.

Edited April 18, 2011 by rediskavet

andys · April 18, 2011

http://cs4437.vkontakte.ru/u2394720/119480027/x_b8acc88f.jpg почти всю ширину заполнил...но всё таки нет(

Great Rash · April 18, 2011


<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>

	<style type="text/css">
		* {margin: 0; padding: 0;}

		ul {list-style: none; overflow: hidden; //zoom: 1;}
		li {float: left; margin: 0 0 0 -1px; padding: 5px; background: url('http://www.transunion.com/images/artifacts/localeVertDividerClosed.gif') 0 50% no-repeat;}
		li a {display: inline-block; padding: 5px 5px 8px;}
		li a:hover {padding: 5px; border-bottom: green 3px solid;}
	</style>
</head>
<body>

	<ul>
		<li><a href="#">ссылка</a></li>
		<li><a href="#">ссылка</a></li>
		<li><a href="#">ссылка</a></li>
	</ul>

</body>
</html>

andys · April 18, 2011

Great Rash, спасибо за помощь!!

psywalker · April 18, 2011

Great Rash, спасибо за помощь!!

Поставь ему плюсик!

andys · April 18, 2011

я бы с удовльствием ставил их на каждом полезном посте, в том числе и вам, psywalker

но у меня с момента регистрации выскакивает предупреждение, мол исчерпал я плюсы) хотя не ставил ни одного

psywalker · April 18, 2011

я бы с удовльствием ставил их на каждом полезном посте, в том числе и вам, psywalker
но у меня с момента регистрации выскакивает предупреждение, мол исчерпал я плюсы) хотя не ставил ни одного

Видимо всё дело в том, что ты ещё новичок и не можешь это делать.

andys · April 18, 2011

стану крутым - зайду и проставлю))

Sign In

меню на спрайтах

Question

andys

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

DrStrangeLove

Link to comment

Share on other sites

rediskavet

Link to comment

Share on other sites

andys

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

andys

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

andys

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

andys

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information