Вход • Регистрация

Передвинуть текст в статьях

  • 10 мая 2018 г.
  • Может кто-нибудь подсказать, как сделать чтобы текст был в непосредственной близости от картинки в статьях (в разных статьях картинки могут быть вертикальные и горизонтальные, соответственно фиксированный размер не очень подойдет) и не было такого большого отступа?
    Пытался через grid, не получилось, ТП сказала сделать через bootstrap, пытался менять что-то в bootstrap.min.css, и кое-что помогало, но вместе с ним и смещались другие "Блоки" на сайте, например поиск и т.п.
    Сайт: http://evrokomfort12.ru/aktsii/ (режим разработчика включил, кэш выключил и очистил)
    • 10 мая 2018 г.
    • Используйте float
      • 11 мая 2018 г.
      • Не могли бы вы подсказать куда это прописать? Пытаюсь в шаблон clauses.view.list.php, но ничего не выходит.
        • 11 мая 2018 г.
        • Неверно.
          То, что вам посоветовали, прописывается в стилях.
          Т.е. вам нужно файл стилей открыть. По стандарту это style.css, а как в вашем шаблоне называется - посмотрите сами.
        • 11 мая 2018 г. , редакция: 11 мая 2018 г.
        • Если у вас бутстрап - все намного проще. Не лезьте в стили. Просто разметьте блоки по сетке (оберните фото в стиль .col-md-3 а контент в col-md-9) Плюс общую обертку .row если ее нет еще. В общем зайдите на сайт бустрапа и посмотрите про сетку. Далее дело техники).
          • 11 мая 2018 г.
          • Там так и сделано, загвоздка в том что фото не на всю ширину блока идет.
            • 11 мая 2018 г.
            • Да, стили .col-md-3 и col-md-9 уже есть, но появляется проблема - они заданы и для других блоков на сайте (на сколько я понял), и если я меняю значения в bootstrap.min.css, например меняя для .col-md-9 width: 75% на 80%, то меняются и другие блоки, тот же поиск уезжает куда-то вниз.
              В самих статьях (например http://evrokomfort12.ru/aktsii/kupon-na-skidku-17-pri-pokupke-ot-3000-rublej/) ТП помогла сделать через Grid сетку, и была та же проблема, что чуть далеко текст, но я потом изменил первое значение на min-content (или что-то в этом роде), и все стало идеально. Идет картинка, а потом сразу текст. Попытался также сделать в evrokomfort12.ru/aktsii не получилось.
              Вот хотелось чтобы было так же, чтобы шла картинка, независимо от размера, потом текст на всю оставшуюся ширину.
              • 11 мая 2018 г.
              • Вам не надо ничего трогать в стилях css. вы для фото делаете col-md-2 а для блока контента col-md-10 тем самым уменьшая ширину блока фото и увеличивая ширину контента. Это что касается бутсрапа и его встроенных стилей.

                Если вам нужно универсальное решение (картинка по размеру и контент на оставшуюся ширину) - надо переверстать. А уж какой технологией вы это делаете float, flex или grid уже дело второе. Только grid надо обязательно фолбечить на флекс.
            • 11 мая 2018 г.
            • Ок, col-md-2 для фото.
              Там сама фотка всего 120 по ширине сделана. Тянуть ее по размеру блока - размоет и будет ужас.
              • 11 мая 2018 г.
              • Спасибо, попробую ваше решение! Через grid пытался сделать, но не получилось, ТП посоветовала сделать через бутсрап, т.к. возможно возникают конфликты (ну и я скорее всего не то, что нужно прописал).
  • 16 мая 2018 г.
  • Огромное все спасибо! Проблему решил следующим образом, может кому поможет:
    1. Изменил в "Обработке изображений" в пункте "Изображение новостей и статей", размер на 250х250 (еще заодно уменьшил качество со 100 на 90, остальное оставил по старому, т.е. "изменить пропорционально" и отключено "уменьшение по меньшей стороне")
    2. Заново загрузил все изображения-превью в статьи и новости (благо из 15 штук, но можно было применить новые настройки и к старым, но тогда качество сильно страдало).
    3. В clauses.view.list.php заменил col-md-3 и col-md-9 на col-md-2 и col-md-10 соответственно.
    • 17 мая 2018 г. , редакция: 17 мая 2018 г.
    • 2. Заново загрузил все изображения-превью в статьи и новости (благо из 15 штук, но можно было применить новые настройки и к старым, но тогда качество сильно страдало).

      На самом деле это лишнее. Надо было просто зайти в настройки модуля и перегенерировать изображения. Почему качество страдало? У вас же из оригинальных изображений генерация идет.

Новости

  • 18 июня, вторник
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 

Форум