Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Как изменить расположение подписи категорий и товаров (Решено)

Тема в разделе "Вопросы новичков", создана пользователем alexvan, 19 авг 2014.

  1. alexvan

    alexvan

    Сообщения:
    18
    Симпатии:
    1
    Баллы:
    3
    Добрый день, подскажите как отцентрировать подписи и кнопку "В корзину" под категориями и товарами в категориях, по центрам соответвующих миниатюр. На скрине показал как есть, и как бы хотелось сделать. Ну и уменьшить интервал между строками в подписи (тоже показал на картинке). Заранее Всем спасибо.
    товар.jpg
     
  2. galiulinr

    galiulinr Местный

    Сообщения:
    181
    Симпатии:
    56
    Баллы:
    28
    это в стиле CSS вашей темы делается, попробуйте это
    Код:
    ul.products li {text-align: center;}
     
    • Согласен Согласен x 2
  3. alexvan

    alexvan

    Сообщения:
    18
    Симпатии:
    1
    Баллы:
    3
    Спасибо огромное и за ответ и за оперативность. Все встало на свои места))) А как уменьшить интервал между строками, показал на рисунке в первом посте.
     
  4. galiulinr

    galiulinr Местный

    Сообщения:
    181
    Симпатии:
    56
    Баллы:
    28
    надо взглянуть на сайт и посмотреть селектор. Возможно это поможет:
    Код:
    ul.products li a.button {margin: 0;}
     
  5. alexvan

    alexvan

    Сообщения:
    18
    Симпатии:
    1
    Баллы:
    3
    Вот ссылка http://www.airsoftsport.com.ua
    Код: ul.products li a.button {margin: 0;} - не изменил ситуацию.
    Вот скрин "хотелки"
    crhby.jpg
     
  6. galiulinr

    galiulinr Местный

    Сообщения:
    181
    Симпатии:
    56
    Баллы:
    28
    попробуйте этот
    Код:
    ul.products h3 {line-height: 10px;}
     
    • Победитель Победитель x 1
  7. alexvan

    alexvan

    Сообщения:
    18
    Симпатии:
    1
    Баллы:
    3
    Спасибо большое (y). Очень помогли. Последний вопрос, для общего развития - где можно почитать про все эти функции которые Вы привели в теме (самоучитель, книга). Буду очень благодарен за ссылку.
     
  8. galiulinr

    galiulinr Местный

    Сообщения:
    181
    Симпатии:
    56
    Баллы:
    28
    Коды которые писал выше это для редактирования стиля с помощью CCS , у каждого тега есть свой селектор (класс), например если посмотреть какой нибудь сайт то можно увидеть что то подобное <li class="product" ...... как раз product является классом для тега <li> т.е. мы этому тэгу можем задать куча параметров таких как размер шрифта, отступы, цвет шрифта, фон и прочее главное знать тэги. Я использую учебник http://htmlbook.ru/ ну и гугл запрос делаю так " Как сделать отступ CSS" и выходит как правило этот учебник. Еще полезная вещь в гугл хроме выделяешь мышкой то что хочешь исправить и нажимаешь правой мышкой и выбираешь "Просмотр кода элемента". Главное когда пишешь в CSS если class="product" то нужно ставить точку например .product, бывает еще id="product" тогда надо ставить #product. Вообще методом тыка можно такому научиться))
     
    • Нравится Нравится x 2
  9. alexvan

    alexvan

    Сообщения:
    18
    Симпатии:
    1
    Баллы:
    3
    Спасибо буду штудировать.
     
  10. Stork.71

    Stork.71 Местный

    Сообщения:
    1.032
    Симпатии:
    254
    Баллы:
    83
    • Нравится Нравится x 1
  11. alexvan

    alexvan

    Сообщения:
    18
    Симпатии:
    1
    Баллы:
    3
    Просмотрел, спасибо. Реально все понятно.(y)
     
  12. rikitiki

    rikitiki Местный

    Сообщения:
    749
    Симпатии:
    184
    Баллы:
    43
    Файербагом чаще пользуйтесь, тогда и вопросов меньше будет.
     
    • Нравится Нравится x 2
  13. alexvan

    alexvan

    Сообщения:
    18
    Симпатии:
    1
    Баллы:
    3
    Установил файербаг для хрома, на моем сайте не запускается, иконка жука активна, но при нажатии ничего не происходит. Правой клавишей по объекту - тоже ничего.
     
  14. rikitiki

    rikitiki Местный

    Сообщения:
    749
    Симпатии:
    184
    Баллы:
    43
    На firefox ставьте. На хроме он урезан. И заоодно линеечку measureit. Полезный инструмент.
     
  15. alexvan

    alexvan

    Сообщения:
    18
    Симпатии:
    1
    Баллы:
    3
    Да, уже поставил, действительно поправил уже очень много. реально лучший инструмент. Спасибо.
     
  16. Stork.71

    Stork.71 Местный

    Сообщения:
    1.032
    Симпатии:
    254
    Баллы:
    83
    В последних версиях Хрома и ФФ вроде уже есть все инструменты, как в firebug. Нет?