Задать вопрос
Ответы пользователя по тегу HTML
  • Почему не работает чекбокс?

    v3shin
    @v3shin
    Веб-шаман
    this.parentNode.className + = 'checked'
    += пишется слитно

    <input id="approve">
    <label for="checkbox2"></label>

    id input'а не совпадает с for label'а.

    И, предвидя вопрос "а как убрать checked?":
    this.parentNode.classList.toggle('checked')
    Ответ написан
    1 комментарий
  • Можно ли создать поиск по сайту на html?

    v3shin
    @v3shin
    Веб-шаман
    На html - нет. Но можно реализовать поиск на бэкэнде.
    А есть еще упоротый вариант забирать с помощью ajax файл со всеми данными и сортировать на js. Или сразу закатать данные в js и подключать по надобности. Но траффик и нагрузка.
    Ответ написан
    Комментировать
  • Почему лишние пробелы ни на что не влияют?

    v3shin
    @v3shin
    Веб-шаман
    Внутри элементов с css-свойством white-space: pre; влияют. В остальных случаях учите особенности html.
    Ответ написан
    Комментировать
  • Как сделать голосование на лендинге?

    v3shin
    @v3shin
    Веб-шаман
    Погуглите "виджет голосования на сайт".
    Ответ написан
    Комментировать
  • Фон в виде стрелки?

    v3shin
    @v3shin
    Веб-шаман
    Объединяя два ответа: под контент на белом фоне подложить псевдоэлемент :after и задать ему белые края: верхний и нижний. Левый и правый края сделать прозрачными - тогда получится стрелка наоборот.
    Ответ написан
    Комментировать
  • Как правильно внести изменения в таймер?

    v3shin
    @v3shin
    Веб-шаман
    Общий принцип примерно такой:
    <div id="timer"></div>
    
    <script>
    var endDate = new Date(2016, 11, 23, 0, 0, 0); // 23 декабря 2016
    function addZeros(x,n){x=x+'';while(x.length<n)x='0'+x;return x;}
    function tick(){
    	var diff = Math.floor((endDate.getTime() - (new Date()).getTime()) / 1000); // секунд до даты
    	if(diff < 0) diff = 0; // отсчет окончен
    	var dayDiff = Math.floor(diff / 86400);diff -= 86400 * dayDiff; // разница дней
    	var hoursDiff = Math.floor(diff / 3600);diff -= 3600 * hoursDiff; // разница часов
    	var minutesDiff = Math.floor(diff / 60);diff -= 60 * minutesDiff; // разница минут
    	var secondsDiff = diff; // разница секунд
    	var html = '';
    	html += Math.floor(diff/86400);
    	document.getElementById('timer').innerHTML = dayDiff+':'+addZeros(hoursDiff, 2)+':'+addZeros(minutesDiff, 2)+':'+addZeros(secondsDiff, 2);
    	setTimeout(tick, 1000);
    }
    tick();
    </script>

    Все красивости - на ваш вкус.
    Ответ написан
    Комментировать