Страница 1 из 1
CSS кнопки
Добавлено: 09 мар 2011, 20:13
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; не работает. Вправо-влево нормально, а вверх-вниз нет
Что делать?
Re: CSS кнопки
Добавлено: 09 мар 2011, 23:18
Александр
У inline элементов отступы сверху и снизу не регулируются с помощью margin.
Re: CSS кнопки
Добавлено: 10 мар 2011, 13:30
[DIWMS]
а так? оно должно работать, как не крути а должно =)))
/* 1 Способ */
margin: 0px 0px 3px 3px;
/* Или указать принудительно отступы */
margin-left: 3px;
margin-right: 3px;
/* А может поставить в автоматический режим? */
margin: auto;
=====
Сорри если что не так =)
Хм... Или это <center> мешает... Надо экспериментировать =) Во всяком случае спасибо за кнопочки =)
Re: CSS кнопки
Добавлено: 11 мар 2011, 21:20
Александр
[DIWMS]
Ты о чём?
Каким из способов margin inline объекту не задавай, сверху и снизу отступ работать не будет.
Re: CSS кнопки
Добавлено: 07 июл 2011, 23:13
[DIWMS]
Ну да в принципе. Затупил