Пожалуиста посмотрите в чём проблема кнопки на css - Форум о поисковых системах и социальных сетях

Страница 1 из 1
1

Пожалуиста посмотрите в чём проблема кнопки на css

miwa30

Суббота, 28.01.2012, 11:10

Пользователь

Сообщения: 20

Репутация: 0

Пожалуиста посмотрите в чём проблема кнопки на css
http://www.ray-game.ru/ind.htm
Даже представить немогу где ошибкаl
помогите плз!

.button {

width:200px;
height:20px;
display: block;
color: #FFF;
background: url(button-r.png);
background-position:top right;
background-repeat:no-repeat;
float:left;
outline: none;
text-decoration: none;
font-size:14px;

}

.button span {

width:200px;
height:20px;
display:block;
line-height:10px;
background: url(button-l.png);
background-position:top left;
background-repeat:no-repeat;
padding:15px 0 15px 12px;

}

.button:hover {

background-position:100% -20px;

}

.button:hover span {

background-position:0% -20px;
color: black;

}

И вот HTML

<a href="/" class="button"><span>Text</span></a>
я веб дизайнер\программист
мой скаип - misamozaev2
ISQ - 649772880
e-mail - windows252@mail.ru

мой скаип - misamozaev2
ISQ - 649772880
e-mail - windows252@mail.ru

Профиль

Creat1ve

Суббота, 28.01.2012, 20:33

Проверенный

Сообщения: 376

Репутация: 422

Вот это:

Code

.button span {

width:200px;
height:20px;
display:block;
line-height:10px;
background: url(button-l.png);
background-position:top left;
background-repeat:no-repeat;
padding:15px 0 15px 12px;

}

Замени на вот это:

Code

.button span {
width: 200px;
height: 10px;
display: block;
line-height: 10px;
background: url(button-l.png);
background-position: top left;
background-repeat: no-repeat;
padding: 5px 0 5px 12px;
}

Реквизиты WebMoney:
WMU# U681971693182
WMR# R333872480771

www.uPro.su
Студия веб-дизайна и креатива!

Профиль

ILyeS

Воскресенье, 29.01.2012, 00:18