Leaderboard


Popular Content

Showing content with the highest reputation since 08/22/2019 in Posts

  1. 2 points
    как вариант можно использовать background можно так и делать как вы сказали, ничего не мешает выходить за пределы блоков некоторым элементам
  2. 1 point
  3. 1 point
    <tr> <th class="callout-inner primary"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit repellendus natus, sint ea optio dignissimos asperiores inventore a molestiae dolorum placeat repellat excepturi mollitia ducimus unde doloremque ad, alias eos!</p> </th> <!--<th class="expander"></th>--> </tr> Вот эта строка мешает
  4. 1 point
    Ну он и лезет, за границы вашего блока) Укажи вы значения в % всё стало бы чуть по-другому.
  5. 1 point
    По всей видимости проблема решена ✅
  6. 1 point
    Хм. А что он по вашему должен делать?
  7. 1 point
  8. 1 point
    Можно ещё у дизайнера спросить, каким сайтом он вдохновился. Когда-то давно мне попадался дизайнерский сайт, с точно такими же линиями. Возможно и он с него идею взял)
  9. 1 point
    Смотрите letter-spacing, line-height, возможно нужно поиграть с word-spacing. Так же есть вариант того, что дизайнер промахнулся с размерами, и некоторые слова выходят за границы сетки 🙂
This leaderboard is set to Kiev/GMT+03:00
  • Upcoming Events

    No upcoming events found
  • Blog Entries

  • Сообщения форума

    • Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму.
      Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно.
      Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же.
      Открывал через google, firefox и opera-у - все так же никакого сдвига.
      Подключал по инструкции на официальном сайте.
      Пробовал использовать SlickSlider, но результат тот же.
    • Дорогие Друзья! Рад вам сообщить о выходе новой версии движка Flextype 0.9.5! Исправлено
      - core: исправлена проблема с кешем в Entries API — fetchAll()
      - core: исправлена проблема c генерацией Cache ID для Themes API
      - core: исравлена пролема с emitter twig функцией
      - admin-plugin: исправлены стили для кнопок Менеджера Тем
      - admin-plugin: исправления переводов
      - admin-plugin: исправлена ошибка возникающая если $query['format'] пустой Рефакторинг
      - core: удалена переменная $response из Forms render метода
      - core: добавлена свойство forms в Flextype\EntriesController Скачать
      https://github.com/flextype/flextype/releases/tag/v0.9.5
    • var render = document.querySelector('[data-action="render"]'); var destroy = document.querySelector('[data-action="destroy"]'); var boxes = document.getElementById("boxes"); render.addEventListener("click", getAmount); destroy.addEventListener("click", destroyBoxes); function getAmount() { var amount = +document.querySelector("#controls input").value; createBoxes(amount); } function createBoxes(amount) { var basicSize = 30; var fragment = document.createDocumentFragment(); for (var i = 0; i < amount; i++) { var size = basicSize + i * 10; var div = document.createElement("div"); div.style.cssText = `width: ${size}px; height: ${size}px; background-color: rgba( ${random()} , ${random()} , ${random()} )`; fragment.appendChild(div); } boxes.appendChild(fragment); } function destroyBoxes() { boxes.innerHTML = ""; } function random() { return Math.floor(Math.random() * 256); }  
    • Да! Спасибо!  А почему так не срабатывает?  cardWrap.onclick = function(event) { let target = event.target; while (target != this) { if (target.classList.contains("flip-card")) { if (target.classList.contains("is-flipped")) target.classList.remove("is-flipped"); target.querySelector(".friends-video").classList.remove("is-back"); target.querySelector(".friends-video__back > video").load(); target.querySelector(".friends-video__front > video").load(); else highlight(target); return; } target = target.parentNode; } }; Удалять класс он удаляет, а дальше  target.querySelector(".friends-video").classList.remove("is-back"); target.querySelector(".friends-video__back > video").load(); target.querySelector(".friends-video__front > video").load(); уже нельзя получается? А нет. Добавил скобочки { } и теперь вроде всё как надо, надеюсь. if (target.classList.contains("is-flipped")) { target.classList.remove("is-flipped"); target.querySelector(".friends-video").classList.remove("is-back"); target.querySelector(".friends-video__back > video").load(); target.querySelector(".friends-video__front > video").load(); } else { highlight(target); } return; https://codepen.io/npofopr/pen/zYOmbPv    
    • Пользователь вводит количество элементов в input и нажимает кнопку Создать, после чего рендерится коллекция. При нажатии на кнопку Очистить, коллекция элементов очищается. Создай функцию createBoxes(amount), которая принимает 1 параметр amount - число. Функция создает столько div, сколько указано в amount и добавляет их в div#boxes. Каждый созданный div: Имеет случайный rgb цвет фона Размеры самого первого div - 30px на 30px Каждый следующий div после первого, должен быть шире и выше предыдущего на 10px Создай функцию destroyBoxes(), которая очищает div#boxes. <div id="controls"> <input type="number" min="0" max="100" step="1" /> <button type="button" data-action="render">Создать</button> <button type="button" data-action="destroy">Очистить</button> </div> <div id="boxes"></div>