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

Перенос по словам tags

  •
  • 16 июня 2018 г.
  • Помогите плиз.

    есть tags , которые выводятся как <div class = tags >
    a href = ….недорогой
    a href =….для детской
    a href= …

    так вот теги оформлены в едином стиле. т.е. "для детской"
    это один текст в рамке с радиусами.
    если сужаем браузер. то тег переносится по словам и оформление едет.
    Как переносить весь текст тега, а не по словам, запрет переноса через white-space, также не решит проблему, перенос то нужен, но целиком
    •
    • 16 июня 2018 г. , редакция: 16 июня 2018 г.
    • Попробуйте использовать стиль для данной ссылки

      Код
      .tags a {
      display: inline-block;
      white-space; nowrap;
      }


      Хотя и вот такого должно быть достаточно:

      Код
      .tags a {
      display: inline-block;
      }


      или замените пробел на неразрывный пробел - &nbsp;
  • 16 июня 2018 г.
  • Еще если можно оформительский вопрос.

    Выводим картинку под ней название категории.
    Картинка квадратная 100/100 px
    Задача при определенном разрешении браузера выводить их по разному.
    делаем MEDIA max-width 700px


    img
    width:40%
    float: left

    получаем:
    --------------------------------------------------------
    ----------------- +
    картинка + Название кат. +
    + +
    + +
    + +
    ----------------- +
    --------------------------------------------------------


    надо центрировать по вертикали название категории.
    vertical-align:middle не работает
    display:table-cell тоже





    • 17 июня 2018 г.
    • Надо картинку и название категории обернуть в слой.
      Код
      div.category > div.category__image, div.category__name

      Далее есть 2 решения минимум.

      1. Код
        display:flex; align-items: center;
      2. Код
        display:table родителю, вложенным display:table-cell; vertical-align:middle;
  •
  • 18 июня 2018 г.
  • Еще одна проблема )

    Имеем слайдер с фотками товаров под главным фото.
    Нужно на главном фото выводить в определ. месте значок PLAY с ссылкой на видео, в том случае если у данного товара помимо фото, есть видео.
    Также в слайдере при прокрутке на самих фотках показываем значок play на видео файлах. При нажатии открываем fancybox и показываем видео из ютуба
    •
    • 18 июня 2018 г.
    • Вот вектор пути, куда надо двигаться

      Код
      $url = 'https://youtu.be/aULIIPMAgPo';
      $pattern = '/(youtu)/';
      preg_match($pattern, $url, $matches);
      if(isset($matches[0])) {
      echo 'Это ссылка на видео: <a data-fancybox="" href="' . $url . '"><span>PLAY</span></a>';
      } else {
      echo 'Это ссылка на изображение';
      }
      • 18 июня 2018 г.
      • зануда mode on
        В регулярных выражениях (...) означают возврат результата совпадения шаблона в скобках.
        Для данной же задачи (проверка на совпадение) будет достаточно:
        Код
        if(preg_match('/youtu/', $url)) {

        зануда mode off

Новости

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

Форум

Перейти на форум