Jump to content

Recommended Posts

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

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

sss.pngskrin.png

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

sss.pngskrin.png

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
присвойте данному классу id="button-payment-address"

это как? :ugeek:

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.