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

[gonzo]

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

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

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

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

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

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

[Strelez]

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

[afwollis]

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

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

[gonzo]

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

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

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

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

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

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

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

[gonzo]

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

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

[Garri]

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

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

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

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

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

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

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

[gonzo]

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

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

[Garri]

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

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

[afwollis]

присвойте данному классу id="button-payment-address"

это как? :ugeek:

[gonzo]

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

По совету 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;

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

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

[Strelez]

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

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

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

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