Как разместить кнопку по центру (см.)?

(Ответов: 10, Просмотров: 1129)
Страница 1 из 2 12 Последняя
  1. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 213
    • Репутация: 6
    Всем привет!

    Что-то не пойму. Всё выровнял, а кнопку "в корзину" не получается выровнять.

    Сайт - fabrikavolos36.ru/product-category/instrumenty

    Нажмите на изображение для увеличения.  Название:	rgerg.JPG  Просмотров:	7  Размер:	43.5 Кб  ID:	22967

    (красным обведено желаемое место кнопки "в корзину").
    • 0
  2. Гуру Аватар для Fartuna
    • Регистрация: 07.01.2015
    • Сообщений: 932
    • Репутация: 764
    IX.,Попробуй в div кинуть, примерно так

    Код HTML:
    <div style="text-align: center;"><a rel="nofollow" href="/product-category/instrumenty/?add-to-cart=254" data-quantity="1" data-product_id="254" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart art-button">В КОРЗИНУ</a><div>
    • 0
  3. Гуру Аватар для Septik
    • Регистрация: 03.04.2010
    • Сообщений: 788
    • Репутация: 168
    • Webmoney BL: ?
    Для li контейнера .woocommerce ul.products li.product, .woocommerce-page ul.products li.product задать
    text-align: center;
    • 0
  4. Гуру Аватар для Ems
    • Регистрация: 24.05.2011
    • Сообщений: 2,023
    • Репутация: 659
    Как вариант:
    Код:
    .woocommerce ul.products li.product .button {
        left: 25%;
    }
    Облачный хостинг из TOP-3 - от 1 Gb ОЗУ, от 25 GB SSD.
    • 1

    Спасибо сказали:

    IX.(14.03.2017),
  5. Гуру Аватар для Septik
    • Регистрация: 03.04.2010
    • Сообщений: 788
    • Репутация: 168
    • Webmoney BL: ?
    Ems, на адаптивке такое решение полетит вкось.
    • 0
  6. Гуру Аватар для Ems
    • Регистрация: 24.05.2011
    • Сообщений: 2,023
    • Репутация: 659
    Цитата Сообщение от Septik Посмотреть сообщение
    на адаптивке такое решение полетит вкось.

    Да вроде норм.
    Облачный хостинг из TOP-3 - от 1 Gb ОЗУ, от 25 GB SSD.
    • 0
  7. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 213
    • Репутация: 6
    Ems, работает, благодарю.

    И вдогонку вопрос - при нажатии на эту кнопку ("в корзину") видна несоразмерная ей кнопка. Как узнать её класс? Проинспектировать с файербагом не получится, она ведь видна доли секунды. Или только копаться в css?
    • 1

    Спасибо сказали:

    live-smm(14.03.2017),
  8. Гуру Аватар для Septik
    • Регистрация: 03.04.2010
    • Сообщений: 788
    • Репутация: 168
    • Webmoney BL: ?
    Ems, небольшое отклонение от центра все же есть. Для сравнения (слева ta-c, справа left: 25%:

    Но выбирать ТСу, просто предложил аналогию
    Миниатюры mStgkEm.jpg  
    • 0
  9. Banned
    • Регистрация: 20.10.2012
    • Сообщений: 26
    • Репутация: 2
    Я честно говоря другого выхода не вижу.
    • 0
  10. Гуру Аватар для Ems
    • Регистрация: 24.05.2011
    • Сообщений: 2,023
    • Репутация: 659
    Цитата Сообщение от IX. Посмотреть сообщение
    видна несоразмерная ей кнопка
    Может во время ajax-запроса, текст убирается в этот момент на кнопке. Может в этом дело.
    Цитата Сообщение от Septik Посмотреть сообщение
    небольшое отклонение от центра все же есть
    Да, есть. За счёт белого фона и элементов без границ, не так бросается в глаза.
    Облачный хостинг из TOP-3 - от 1 Gb ОЗУ, от 25 GB SSD.
    • 0
Страница 1 из 2 12 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
сделать таблицу по центру
WordPress 6 25.01.2014 17:20
3-колонки с выравниванием центральной по центру
Web программирование 6 04.11.2013 16:29
Выровнять текст по центру
Web программирование 10 16.09.2013 15:10
Как выровнять по центру
WordPress 8 25.01.2013 00:04

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры