Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Не могу выравнять кнопку

Обсуждение темы Не могу выравнять кнопку в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Помогите пожалуйста выровнять кноку (внизу справа) http://mebel-stil.com/ Вот её код: Код: <table style="border: none; height: 31px; width: auto" cellpadding="0" cellspacing="0"><tbody><tr style="background: url('http://zakupka.com/pics/buttons_new/1b_middle.png') 0 ...


Закрытая тема
 
Опции темы
Старый 12.06.2012, 20:34   #1
Помогите пожалуйста выровнять кноку (внизу справа) http://mebel-stil.com/
Вот её код:

Код:
<table style="border: none; height: 31px; width: auto" cellpadding="0" cellspacing="0"><tbody><tr style="background: url('http://zakupka.com/pics/buttons_new/1b_middle.png') 0 0 repeat-x; height: 31px;"><td style="background: url('http://zakupka.com/pics/buttons_new/1b_left.png') 0 0 no-repeat; height: 31px; width:3px"></td><td><a href="http://mebel-stil1.zakupka.com/" style="display: block; color: #000; text-decoration: none; font-size: 11px; line-height: 17px; padding: 0 15px; margin: -5px 0 0 0"><span class="btn_text" style="white-space: nowrap; font-family: Arial, Sans; font-weight: normal; color: #000; font-size: 11px;">"Мебель Стиль"</span></a><a href="http://zakupka.com/" target="_blank" style="height: 9px; line-height: 7px; text-decoration: none; display: block; width: 72px; float: right;"><img alt="Бизнес-каталог компаний Украины, товары и услуги" src="http://zakupka.com/pics/buttons_new/1_z.png" style="border: 0; "><span style="white-space: nowrap; font-family: Arial, Sans; font-weight: normal; color: #464646; font-size: 9px;position: absolute; margin: 3px 0 0 -59px;">zakupka.com</span></a></td><td style="background: url('http://zakupka.com/pics/buttons_new/1b_right.png') 0 0 no-repeat; height: 31px; width:3px"></td></tr></tbody></table>
Изображения
Тип файла: jpg vc1.jpg (278.3 Кб, 8 просмотров)
 
Старый 12.06.2012, 20:34
Ссылки
Старый 12.06.2012, 22:36   #2
80zed, а как она должна выглядеть?
 
Старый 13.06.2012, 16:49   #3
Возьмите кнопку, которая выше! А код той кнопки удалите

Скопируйте эту кнопку, только добавите стили новой - желтый фон!
У вас первая кнопка на дивах, а вторая кнопка таблицей! Зачем вам так

Далее сделайте пространство между кнопками на падингах

Затем их лучше центрировать в этой колонке
 
Старый 14.06.2012, 00:25   #4
Цитата:
Сообщение от Scroll Посмотреть сообщение
80zed, а как она должна выглядеть?
сама по себе, кнопка отображается корректно, а в блоке на сайте картинка "выстреливает" вниз. ПОЧЕМУ?
Изображения
Тип файла: jpg кнопа.jpg (29.2 Кб, 3 просмотров)
 
Старый 14.06.2012, 00:56   #5
ну я код смотрел ... он очень плохой (все на позициях, а они конфликтуют)
поэтому и не работает

Последний раз редактировалось maxefect; 14.06.2012 в 00:59..
 
Старый 14.06.2012, 01:30   #6
Я решил сделать бета-аналог вашей кнопки
можете посмотреть и сравнить
Проверено во всех браузерах - одинаковое отображение
Вложения
Тип файла: zip кнопка.zip (3.8 Кб, 2 просмотров)
 
Этот пользователь сказал спасибо maxefect за это полезное сообщение:
80zed (14.06.2012)
Старый 14.06.2012, 01:57   #7
Цитата:
Сообщение от maxefect Посмотреть сообщение
ну я код смотрел ... он очень плохой (все на позициях, а они конфликтуют)
поэтому и не работает
Спасибо вам огромное, за то что находите время для таких чайников как я. Ваш код мне понятен, думаю что дальше я разберусь.
 
Старый 14.06.2012, 01:57
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как выравнять смещение? Biata HTML, CSS, JavaScript 0 11.11.2010 02:05
Как поправить кнопку Elifant HTML, CSS, JavaScript 5 21.09.2010 12:29
Как выравнять текст в блоке div? Dims HTML, CSS, JavaScript 11 08.03.2008 19:21
как заблокировать кнопку в cookies? bigdealer HTML, CSS, JavaScript 4 15.02.2005 00:06
Как сделать кнопку? Den09 Зал дебютантов 7 03.07.2004 23:55


Текущее время: 16:17. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум