Перейти к содержанию
gonzo

путь к кнопке [РЕШЕНО]

Рекомендуемые сообщения

Доброго времени суток господа ученые)

В общем дошло у меня дело до кнопок .

sss.pngskrin.png

Ребята помогите разобраться!.

А лучше конечно подробно распишите по шагово что мне нужно сделать!

В принципе я могу нарисовать такую же кнопку только подлиненше.

Заранее спасибо)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А заменить слово "Продолжить" на "Далее"? Или в стилях кнопок padding (слева и справа) уменьшить?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

тут скорее дело в том, что жестко задали длину кнопки в стиле.

а так как это стиль распространяется на все кнопки - результат не совсем ожидаемый :-)

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

тут скорее дело в том, что жестко задали длину кнопки в стиле.

а так как это стиль распространяется на все кнопки - результат не совсем ожидаемый :-)

Абсолютно верное наблюдение!

Вот я и обращаюсь к вас на форум, чтобы помогли мне)

в теории я понимаю что нужно создать стиль в css и привязать его к ссылкам . но как сделать это на практике я не знаю,

У меня все стопориться на моменте когда нужно отыскать нужные переменные и заменить их!

Видимо мне нужно читать книжки! =(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А заменить слово "Продолжить" на "Далее"? Или в стилях кнопок padding (слева и справа) уменьшить?

Спасибо за ответ, это конечно решение, но не до конца! ведь сами знаете есть ещё масса кнопок! проблемных у меня)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Доброго времени суток господа ученые)

В общем дошло у меня дело до кнопок .

sss.pngskrin.png

Ребята помогите разобраться!.

А лучше конечно подробно распишите по шагово что мне нужно сделать!

В принципе я могу нарисовать такую же кнопку только подлиненше.

Заранее спасибо)

а лучшее что вы можете сделать так это дать ссылку :-)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

а лучшее что вы можете сделать так это дать ссылку :-)

http://growercity.ru/ только не пугайтесь! надо верстать под IE вообще не работает =(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

http://growercity.ru/ только не пугайтесь! надо верстать под IE вообще не работает =(

ну так нарисуйте и присвойте данному классу id="button-payment-address" поставьте в конце !important , думаю все получится
  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
присвойте данному классу id="button-payment-address"

это как? :ugeek:

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Всем Спасибо за ответы и за внимание, а те которые минусуют мне репу! в наказание пусть едят кактусы)

По совету afwollis, я решил посмотреть по лучше и надо же я и правда нашел что хотел)

В общем там есть два вида стилей для кнопок. одни отвечают за категории и тд а другие за оформления заказа и тд (закладки)

a.button { - оформление заказа (закладки)

display: inline-block;

text-decoration: none;

padding: 18px 25px 10px 29px;

}

input.button { прочее кнопки (категории)

margin: 0;

border: 0;

height: 54px;

padding: 18px 25px 10px 29px;

border: 0px solid rgb(219, 222, 225);

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

Вот наглядно можно посмотреть что вышло!

На первое время сойдет, но все же хотелось бы найти более умное решение.

skrin123.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вариантов несколько:

1. Как я уже писал, заменить ВСЕ длинные слова более короткими синонимами (Продолжить -> Далее, Вернуться -> Назад, Оформить -> Заказ и т.д.)

2. Увеличить в графическом редакторе (etc Photoshop) ширину кнопок (knopo4ka.png и knopkaOn.png) с 87px до нужной ширины.

3. Уменьшить размер шрифта надписей до 11 px.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.