Показать сообщение отдельно
  #5 (permalink)  
Старый 23.01.2012, 15:25
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

вот ваш код, добавил вместо картинки цвет фона, так как у меня нет вашей картинки везед всё работаете без полосок...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style>
a.add_advert {
position: absolute; 
width: 109px;
 display: block;
 height: 16px;
 top: 0px; right: 0px; 
 background-position: 0px 0px;
 text-decoration: none; 
 color: #FFFFFF; 
 font-size: 14px;
 font-weight: bold;
 text-shadow: 0 -1px #497E16; 
 padding: 7px 0px 8px 35px;
 z-index: 100;
 background-image: url("../../img/all.png"); 
 background:red;
 background-repeat: no-repeat;
 }
 
 a.add_advert:hover {
 width: 112px; 
 height: 16px;
 top: -3px; 
 right: -3px;
 background-position: -212px 0px;
 padding: 10px 0px 11px 38px;
  background:green;
 }

a.add_advert:active {
background-position: -212px -37px;
background:blue;
 width: 112px;
 height: 16px;
 top: -2px;
 right: -4px;
 padding: 10px 0px 11px 38px;
 }
</style>
</head>
<body>
<a href="" class="add_advert" onmouseup="this.blur();">Продать авто</a>
</body>

</html>

Последний раз редактировалось Seva1986, 23.01.2012 в 15:28.
Ответить с цитированием