Обмен баннерами | Помощь сайту  | Реклама у нас | Обратная связь  | Наши услуги | Продажа ICQ | Дешево
Вы вошли как Прохожий Группа "Гости" Сб, 28.12.2024, 20:39 | RSS | Выход
[ Личные сообщения() · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Скачать фильмы 
Заходите на наш новый проект - SatDay.Ru!

Регистрируйтесь, скачивайте, смотрите, читайте, нам не жалко!
 
 
  • Страница 1 из 1
  • 1
Красивые кнопоки с помощью css
sir-Voland Дата: Сб, 15.03.2008, 13:46 | Сообщение # 1
Хозяин сайта
Группа: Администраторы
Сообщений: 1076

  
Замечания:  ±
Статус: :-(</span
Красивые кнопоки с помощью css:
Code
Код HTML:  

<a class="button" href="#" onclick="this.blur();"><span>Сохранить</span></a>  
<a class="button" href="#" onclick="this.blur();"><span>Отмена</span></a>  

Код CSS:  

<style type="text/css">  
.clear {  
overflow: hidden;  
width: 100%;  
}  
a.button {  
background: transparent url (../images/) no-repeat scroll top right;  
color: #444;  
display: block;  
float: left;  
font: normal 12px arial, sans-serif;  
height: 24px;  
margin-right: 6px;  
padding-right: 18px;  
text-decoration: none;  
}  
a.button span {  
background: transparent url (../images/) no-repeat;  
display: block;  
line-height: 14px;  
padding: 5px 0 5px 18px;  
}  
a.button:active {  
background-position: bottom right;  
color: #000;  
outline: none;  
}  
a.button:active span {  
background-position: bottom left;  
padding: 6px 0 4px 18px;  
}  
</style>  

В (../images/) нужно прописать адрес вашей картинки для кнопки!  
(Для новичков)


 
 
  • Страница 1 из 1
  • 1
Поиск:
 

 Хостинг от uCoz | Onru Group 2007-2008 | sir-Voland