CSS кнопки

Программирование, которое не связано с API.
Ответить
Аватара пользователя
BaCo
Сообщения: 76
Зарегистрирован: 28 дек 2010, 11:48

CSS кнопки

Сообщение BaCo »

Здравствуйте! Создал кнопки с такими стилями:

Код: Выделить всё

.a_button {  margin: 3px;}.a_button a:link,.a_button a:visited,.a_button a:hover,.a_button a:active {  color: #ffffff;  text-decoration: none;  background: #6D8FB3;  padding: 3px 6px;  width: 100px;  border: 1px solid #3B6798;  font-family: "Tahoma";  font-size: 11px;}.a_button a:hover {    background: #84A1BF;}
HTML-код кнопок:

Код: Выделить всё

<center><span class="a_button"><a href="#">Да, надо!</a></span>    <span class="a_button"><a href="#">Нет, не надо!</a></span></center>
Почему-то margin: 3px; не работает. Вправо-влево нормально, а вверх-вниз нет :(
Изображение
Что делать?
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45

Re: CSS кнопки

Сообщение Александр »

Код: Выделить всё

.a_button {  display:block;  margin: 3px;}
У inline элементов отступы сверху и снизу не регулируются с помощью margin.
Аватара пользователя
[DIWMS]
Сообщения: 98
Зарегистрирован: 10 мар 2011, 12:44

Re: CSS кнопки

Сообщение [DIWMS] »

а так? оно должно работать, как не крути а должно =)))
/* 1 Способ */
margin: 0px 0px 3px 3px;
/* Или указать принудительно отступы */
margin-left: 3px;
margin-right: 3px;
/* А может поставить в автоматический режим? */
margin: auto;
=====
Сорри если что не так =)
Хм... Или это <center> мешает... Надо экспериментировать =) Во всяком случае спасибо за кнопочки =)
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45

Re: CSS кнопки

Сообщение Александр »

[DIWMS]
Ты о чём?
Каким из способов margin inline объекту не задавай, сверху и снизу отступ работать не будет.
Аватара пользователя
[DIWMS]
Сообщения: 98
Зарегистрирован: 10 мар 2011, 12:44

Re: CSS кнопки

Сообщение [DIWMS] »

Ну да в принципе. Затупил
Ответить