Перейти к содержимому


Проблемы С Размещением Текста На Кнопках

текст на кнопках

  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 Елена1

Елена1

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 13 Февраль 2013 - 12:14

1)Как сделать так чтобы текст размещался по горизонтали по центру кнопки или был прижат к левому краю?
2) Как сделать так чтобы текст размещался по центру кнопки по вертикали?
3)Как сделать так чтобы текст целиком вмещался на кнопке?
4) Как изменить шрифт текста на кнопке?
5) Как изменить размер кнопки (ширину/высоту)

Вот примеры кнопок в которых текст "поплыл". Возможно проблема была и раньше но я на нее не обращала внимания. Со своей стороны я вроде не делала изменений, который на кнопках должны отразиться:
Кнопки в корзине товаров (текст не отцентрирован по вертикали, по горизонтали, на второй кнопке он вообще не вмещается):
Снимок экрана 2013-02-13 в 13.06.31.png
Кнопка в форме связи с администрацией:
Снимок экрана 2013-02-13 в 13.06.54.png
Кнопка в форме оформления заказа:
Снимок экрана 2013-02-13 в 13.10.39.png

Шаблон сияние. Сайт: dollsecret.ru

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Февраль 2013 - 01:05

Найдите в вашем файле стилей main.css

input.more-link, .paymentFormTbodySubmitButton {
	border: 0 none;
	padding-bottom: 2px;
	text-align: left;
	width: 150px;
}

и замените на

input.more-link, .paymentFormTbodySubmitButton {
	border: 0 none;
	padding-bottom: 2px;
	text-align: left !important;
	width: 150px;
	font-size: 11px;
}

Уместить текст можно только уменьшив размер шрифта. Ширину и высоту кнопки изменить корректно не получиться, так как используется фиксированное изображение для кнопки. В противном случае необходимо будет менять изображение кнопки. Высота и ширина задается через height и width в том же классе input.more-link, .paymentFormTbodySubmitButton




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных