Задать вопрос

Faliah

Ответы пользователя по тегу HTML

  • Как при нажатии на кнопку выводить всплывающее окно в нужных местах?

    @Faliah
    У каждой формы вы, в дополнение к position: absolute;, можете указать top:0; right: 0;, но контейнер, в котором у вас отображаются формы, должен иметь position: relative;
    Ответ написан
    3 комментария
    3 комментария

  • JS: как запретить запуск функции подряд?

    @Faliah
    Используйте debounce, чтобы не использовать дополнительных библиотек, можете взять код вот тут
    Ответ написан
    Комментировать
    Комментировать

  • Какими способами можно сверстать этот блок?

    @Faliah
    А это такое требование, чтобы блоки по краям у вас вылезали за .container из-за position absolute?
    Ответ написан
    Комментировать
    Комментировать

  • Как вернуть имя анонимной функции для события?

    @Faliah
    Вернуть имя анонимной функции нельзя, на то она и анонимная. Если бы можно было написать так, как вы хотите, то это в любом случае менее читаемо, чем ваш первый вариант. Вызов инициализирующего кода и привязка обработчиков событий, выполняют разные по своей семантике операции. Мне кажется, что смешивать их - не очень хорошо.

    В верхнем примере ваш код читается как книга - сверху вниз, во втором примере необходимо увидеть IIFE, понять что оно делает и увидеть, что тут же происходит привязка обработчика.

    Плюс каким образом вы будете изменять или тестировать этот обработчик в будущем, если такая необходимость возникнет, а он будет использоваться в обработке разных событий?
    Ответ написан
    Комментировать
    Комментировать

  • Первое приложение на Angular, как его осилить?

    @Faliah
    Если сам опросник у вас будет храниться в памяти, то можете делать хоть на github pages. С другой стороны - применять SPA фреймворк без работы с бэкендом какого-либо вида (socket, rest) это как из пушки по воробьям. Для отрисовки и связывания компонентов вам и голого React хватило бы.

    Но ответ на ваш вопрос - не нужна
    Ответ написан
    4 комментария
    4 комментария

  • Как наложить картинку на первую букву?

    @Faliah
    А что конкретно вы подразумеваете под "не будет адаптивно"? position: absolute Выравнивает элемент относительно ближайшего родительского блока, у которого position: relative. Если таких элементов нет, то им становится body.
    Вот быстрая реализация: Выглядит не плохо

    Её минусы в том, что размеры статические, но если поиграть с процентами, em или rem, то можно сделать полностью динамические размеры.

    Быстро сделал обновлённую версию через rem - при изменении font-size у html картинка и текст довольно хорошо подстраиваются, не разъезжаясь
    Ответ написан
    6 комментариев
    6 комментариев

  • Почему img не хочет встать в див?

    @Faliah
    Во-первых littleguga прав на счет
    <div class=="book">, уберите одно равно


    Во-вторых Предположу, что <img class=" right"> задаёт выравнивание по правому краю (float: right). При выравнивании элементов они выпадают из потока и родительский элемент схлопывается до высоты, занимаемой тэгом h2 в вашем случае.

    Если мое предположение верно, то вам необходимо воспользоваться свойством (clear: both), выглядеть это должно примерно так:

    .book:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}


    В в конец содержимого элемента .book будет добавлен блочный элемент с нулевой высотой, что предотварит его схлопывание.

    Посмотреть как это работает можно тут https://jsfiddle.net/zqww24ok/
    Ответ написан
    Комментировать
    Комментировать