[Помогите] Как выровнять опции в карточке товара

Тема в разделе "OpenCart", создана пользователем Krasovskiy, 9 фев 2014.

  1. Krasovskiy

    Krasovskiy

    Регистрация:
    22 фев 2013
    Сообщения:
    81
    Симпатии:
    79
    Ситуация следующая. Имеется такая карточка товара
    [​IMG]
    Хочу выровнять опции по, например, "колонке" цены или количества. как такое реализовать? В stylesheet.css не нашел, может быть в jquery? Как?
     
  2. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    Можно попробовать загнать всё это в html табличку и там уже выравнивать по ячейкам.
     
  3. nick885

    nick885

    Регистрация:
    14 мар 2013
    Сообщения:
    101
    Симпатии:
    40
    Посмторите firebug'ом какой стиль отвечает за вывод или скиньте сюда адрес сайта.
     
    Krasovskiy нравится это.
  4. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    293
    Симпатии:
    186
    никогда в жизни такое не советуй больше, НИКОГДА! за такую вёрстку сжигать надо...
     
  5. Krasovskiy

    Krasovskiy

    Регистрация:
    22 фев 2013
    Сообщения:
    81
    Симпатии:
    79
     
  6. KEH

    KEH

    Регистрация:
    2 июл 2013
    Сообщения:
    204
    Симпатии:
    28
    Krasovskiy, я немного не по теме. подскажите пожалуйста, какой модуль вы используете для оформления опций товарных позиций в таком формате?
     
  7. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    Я думаю что в некоторых случаях и в малых дозах таблицы имеют право на жизнь.
    Про существование таблицехэйторов тоже знаю :wink:
    ну дак отвлеклись от темы...
     
  8. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Для всех div, которые находятся в .options присваеваете table-cell. для первого div выставляете минимальную ширину и все будет ок. Я уже помогал кому то с форума с аналогичной темой.
     
    Krasovskiy нравится это.
  9. Krasovskiy

    Krasovskiy

    Регистрация:
    22 фев 2013
    Сообщения:
    81
    Симпатии:
    79
    Опции с кнопкой "Купить" для каждой опции и артикулом
    --- Добавлено, 9 фев 2014 ---
    Сделал, как Вы посоветовали - все стили послетали
    Вот кусок кода, куда вставлял
    Что я делаю не так?
     
    Последнее редактирование: 9 фев 2014
  10. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Есть ссылка на сайт?
     
  11. Krasovskiy

    Krasovskiy

    Регистрация:
    22 фев 2013
    Сообщения:
    81
    Симпатии:
    79
  12. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    .options > .box_item_option > .name_option, .options > .box_item_option > .space, .options > .box_item_option > .price_option, .options > .box_item_option > .price_option, .options > .box_item_option > .quantity{display:table-cell;}
    .options > .box_item_option > .name_option{min-width:55px;}
    .options > .box_item_option > .price_option{padding-left:10px;}
     
    Krasovskiy нравится это.
  13. edu

    edu

    Регистрация:
    14 апр 2013
    Сообщения:
    43
    Симпатии:
    13
    Проще всего наверно перебить все span на p задать свойство
    .box_item_option p {
    float: left;
    }
    и
    .price_option {
    width: 103px ;
    }
    задать определенную ширину чтобы отступ был одинаковый от цены
     
  14. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    нет
     
  15. Krasovskiy

    Krasovskiy

    Регистрация:
    22 фев 2013
    Сообщения:
    81
    Симпатии:
    79
    Так не получается- теперь все выравнивается по правой стороне. А код, который alex_storm написал, куда не вставлял - не помогает. Ничего не происходит. Может не туда вставлял.
     
  16. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    Я в шоке:Smile: Как не помогает???
    stylesheet.css в самый конец.