Вопросы с меткой [html5]

HTML5 (HyperText Markup Language, version 5) — пятая версия языка разметки, служащего для структурирования и представления содержимого страниц для всемирной паутины.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
110 показов

Chrome for iOS MSE support

На странице https://caniuse.com/#feat=mediasource мы можем видеть, что MSE не поддерживается на Safari для iOS, а Chrome имеет поддержку MSE без любых комментариев по данному поводу. Но я вижу что код,...
Sergey's user avatar
  • 1
0 голосов
1 ответ
491 показ

Как работает adapter.js для WebRTC?

Он просто предопределяет стандартизированные функции вендорными или у него есть свое API ? Если есть свое API, можно ссылку на документацию, в гугле доки не нашел.
Вячеслав's user avatar
1 голос
1 ответ
51 показ

Не правильно отображается hover эффект

Ссылка на код: https://codepen.io/Nitahake/pen/YjZzpd При наведении на ссылку первый раз воспроизведение эффекта очень резкое, а последующие наведения нормально работают, с чем это связано ? $(...
Netahaki's user avatar
  • 621
0 голосов
1 ответ
78 показов

Как сделать такой эффект при ховере? [закрыт]

Справа нормальный вид, слева при ховере Хотя бы натолкните на мысль как это реализовать
Netahaki's user avatar
  • 621
3 голоса
1 ответ
58 показов

Как сделать чтобы иконка становилось активной на jquery? [закрыт]

Как сделать чтобы иконка становилось активной
Founder Before's user avatar
1 голос
1 ответ
655 показов

Разница между display: inline-table; и display: block;

Вопрос: какая разница между display: inline-table; и display: block; или вобще отсутствии display в CSS в элементе UL в контексте HTML5? Т.е. в горизонтальном меню <nav> <ul> ...
Vytas P.'s user avatar
  • 158
3 голоса
1 ответ
69 показов

ProgressBar при переходе между страницами сайта.

Есть страница A и страница Б. Как при плохом качестве подключения пользователю показывать ProgressBar. Подчеркиваю что это событие должно происходить именно при ПЛОХОМ качестве подключения к сети ! ...
Eatmore2004's user avatar
0 голосов
1 ответ
42 показа

Интересная фича с hover

Подскажите, как сделать так, что бы кнопка под кругом работала, так же как и над кругом ? Может будут идеи как это реализовать? Используя только стили, и ничего другого. .OvalMan { width: ...
Jack Shepard's user avatar
  • 1,119
4 голоса
2 ответа
6k показов

Условия if/else в pug

Есть блок с svg и нужно менять содержимое в зависимости от переменной, код: mixin container(svg) .logo-box if svg == first svg.class__first else if svg === second svg....
Игорь Морозов's user avatar
3 голоса
0 ответов
98 показов

Video tag не работает в Safari

Вот собственно сам код: <div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: fixed; z-index: 0; min-width: 100%;height:100%; left: 0px; top: 0px; overflow: hidden; opacity: 1; ...
CTACO23's user avatar
  • 115
3 голоса
3 ответа
709 показов

Как изменить цвет, размер сектора круга при наведении на него?

Есть статичная круговая диаграмма. Задача при наведении на сектор, вызвать callback функцию поменять размер сектора цвет а еще если можно выполнить дополнительную обводку по периметру окружности ...
engenes's user avatar
  • 1,963
0 голосов
2 ответа
428 показов

Не работает селектор по input + label

хочу сделать radio buttons, но не работает селектор на label, имеется следующий код: .option-variant input[type="radio"] { display: none; } .option-variant input[type="radio"]+label { ...
Alexey's user avatar
  • 7
2 голоса
1 ответ
3k показов

Строки в таблице не растягиваются на всю ширину

Не могу понять в чем дело. Использую свойство table-layout: fixed, но строки идут по три на ширину окна браузера, но должны по одной. Может где-то ошибка в html-коде? Битый час сижу над этой проблемой,...
Wile E's user avatar
  • 79
3 голоса
1 ответ
6k показов

Выходят элементы за пределы родительского блока

не могу решить проблему, выходят элементы за пределы главного контейнера, такие как навигация и остальные блоки, как сделать так, чтобы навигация уменьшалась при сужении экрана, и блоки тоже. вот код: ...
Артур's user avatar
0 голосов
0 ответов
33 показа

Точки для переключения слайдера не выравниваются по правому краю

Подскажите пожалуйста, в чём проблема, вроде все позиции заданы правильно, а они не выравниваются по правому краю и не расположены друг под другом. .portfolio-slider{ position: relative; } ...
Matc's user avatar
  • 577
2 голоса
1 ответ
69 показов

CSS3 Тень объекта

Подскажите, как сделать что бы при наведении мышкой на кнопку, тень появлялась на кругу, по отдельности получается, вместе нет. .roll{ width: 100px; height: 100px; border-radius: ...
Jack Shepard's user avatar
  • 1,119
0 голосов
3 ответа
7k показов

Вывод сообщения после отправки формы

Подскажите как вывести сообщение об успешной отправке формы под кнопкой? <form action="#" class="form"> <div class="form__field"> <input type="text" name="name" placeholder="Имя*" ...
user302239's user avatar
0 голосов
0 ответов
91 показ

Видео-фон или как убрать загрузку под мобильные устройства

Под мобильные устройства постоянно грузит видео, даже если ставить display: none Как убрать загрузку на мобильных устройствах? То есть убрать autoplay.. Я знаю, что по-умолчанию видео не грузиться на ...
Виталий's user avatar
0 голосов
0 ответов
82 показа

Как отобразить в ограниченном по высоте div, другой div, по вертикали, вне свойства overflow-x: auto;

Всем привет, нужна помощь! Есть код: <html> <head> <style> .container { display: flex; background-color: yellowgreen; ...
Stanislau Dushkevich's user avatar
0 голосов
1 ответ
38 показов

Input добовляется в каждый блок div

Имеется модальное окно. Задача при нажатии на кномку из выбора контактов,добавить инпут. Но добовляет его при одном нажатии целую кучу. Я не пойму проблему. <div class="modal fade" id="...
Антон Прохоров's user avatar
0 голосов
1 ответ
35 показов

Из-за чего блоки с информацией не выстраиваются в 2 колонки

Подскажите пожалуйста, где ошибка в коде? Почему-то блок занимает всю ширину страницы вместо указанной. .wrapper{ max-width: 1250px; width: 100%; margin: 0 auto; padding: 0px 40px; } ...
Matc's user avatar
  • 577
0 голосов
2 ответа
173 показа

Программы для верстки! [закрыт]

Я увлекся веб версткой сайтов из psd шаблонов.Хочу спросить какие приложения помогут мне в этом.Пока у меня есть atom[с кучей плагинов] , avocode , gimp , opera[для просмотра результата].
user303393's user avatar
2 голоса
1 ответ
298 показов

Что такое normalize.css?

Добрый день изучаю верстку ,и учитель прежде чем верстать всегда добавляет файл normalize.css и говорит это для нормирования .Кто может обьяснить что это за "нормирование"?ведь без этого файла тоже ...
elik's user avatar
  • 5,658
1 голос
4 ответа
1k показов

Javascript не понимаю как проверить если в списке есть такие же элементы

Всем добрый день! у меня есть список в который я вношу города вместе со странами, мне нужно добавить условие: что элемент который есть в списке, добавить снова уже нельзя. вот мой html: <!...
German Varanytsya's user avatar
1 голос
2 ответа
30 показов

не высвечивает список в форме!

подскажите пожалуйста у меня есть форма внутри которой один инпут и кнопка "добавить"... без формы все работает,я нажимаю кнопку добавить и элемент добавляется в лист! как только я создаю форму, при ...
German Varanytsya's user avatar
11 голосов
4 ответа
1k показов

Окружность вокруг div при наведении курсора

У меня есть div в форме солнца. Я просто хочу показать границу при наведении, с прозрачным промежутком между объектом и границей. Сначала я пробовал box shadow, но не мог сделать белый пробел. Он ...
Alexandr_TT's user avatar
0 голосов
2 ответа
44 показа

Блок с информацией занял всю ширину

Подскажите пожалуйста, где ошибка в коде? Надо чтобы было как на картинке, но в браузере блок с ценой расположен под блоком с информацией. .wrapper{ max-width: 1250px; width: 100%; margin: ...
Matc's user avatar
  • 577
0 голосов
1 ответ
288 показов

Почему Google Adwords ругается на вредоносные ссылки или ПО?

Google Adwords ругается на вредоносные ссылки или ПО. В тех.поддержке написали какие именно ссылки (gistsev-001-sitem-itempurl.com). В инспекторе кода эти ссылки видны, на слайдере. Но когда захожу в ...
Vadim K.'s user avatar
0 голосов
1 ответ
56 показов

Как сделать кроссбраузерные размеры текста? [закрыт]

Заголовки и абзацы в хроме и мозиле отличаются. Как сделать размер шрифта одинаковым в двух браузерах. Пытался добавлять префиксы -moz- -webkit- не помогает
Sergey Russkey's user avatar
0 голосов
1 ответ
28 показов

JS Ошибка при сокрытии элемента

Всем привет подскажите почему не работает функция. Цель функции считать с local storage время в которое кнопка была нажата. И если с момента нажатия не прошло определенное время, то не показывать её. ...
Jack Shepard's user avatar
  • 1,119
0 голосов
1 ответ
43 показа

Верстка сложного фона

Нужно сверстать фон для входа на сайт. Моя реализация в следующем: круги обычные div с position:absolute, но они ширины и высоты блоков заданы в vw и vh соответственно. Вопрос в следующем: как ...
Никита Савченко's user avatar
-1 голос
1 ответ
52 показа

@font-face не работает

Добрый день друзья возникла проблема с работой @font-face .Код раньше работал а сейчас никак не отображается .Браузер поддерживает @font-face . формат ttf.Можете подсказать проблему в коде....
Rivera Time Club's user avatar
1 голос
1 ответ
38 показов

Не отображаются полосы прогресса

Не могу понять, где ошибка в коде, почему не отображается полоса прогресса? .box-skills_item { flex: 1; width: 50%; } .box-skills_item-content { padding-right: 45px; } .about-...
Matc's user avatar
  • 577
0 голосов
2 ответа
349 показов

Рамка для блока в виде 4 уголков [дубликат]

Подскажите как правильно реализовать такие рамки для блока? При наведении должны менять цвет.
Илья Шишлачев's user avatar
2 голоса
1 ответ
296 показов

Суть класса clearFix

Не могу понять класс clearfix. Что он делает? Какой смысл несёт? Я понял, что он используется в связке с float, но вот как и что делает — не ясно. Буду благодарен за подробное объяснение с ...
elik's user avatar
  • 5,658
0 голосов
1 ответ
44 показа

Как исправить стили под "float: left" ?

Как правильно настроить стили, чтобы на малом экране блоки v1 и v2 были всегда в линию по горизонтали? Вот так, как на рисунке: При этом, чтобы на большом экране не поломать такой расклад: В ...
Alex's user avatar
  • 238
0 голосов
2 ответа
548 показов

Как изменить название кнопки при нажатии?

Всем привет! Как изменить название кнопки при её нажатии, например 'Open' менялось на 'Close'. $('.text__footer').on('click', '#btm', function(){ $(this).parents().siblings(); $(this).parents(...
Alex's user avatar
  • 41
0 голосов
1 ответ
217 показов

Не пойму как работает column-count

Почему не выводится в 3 колонки как задано в column-count? .photo-gallery { column-count: 3; column-gap: .3em; } .photo-item { display: inline-block; margin: 0 0 .3em; width: ...
Сергей Миронов's user avatar
1 голос
1 ответ
405 показов

Удаление EventListener после его вызова

Создать сообщение - работает. Удалить сообщение - не работает. Оно должно удалять только что созданное через "Создать сообщение" событие. document.getElementsByTagName('span')[0]....
Alex's user avatar
  • 1,122
1 голос
1 ответ
75 показов

Container и как с ним бороться

Добрый день уважаемые коллеги. Возник такой вопрос, есть значит меню nav оно должно располагаться на всю ширину экрана, а после nav должен быть контейнер 1170px, но, нужно это сделать так, чтобы в ...
ccxdec's user avatar
  • 1,821
0 голосов
1 ответ
119 показов

Почему на breakpoint bootstrap едет верстка?

Почему на breakpoint bootstrap едет верстка? Верстка едет именно на breakpoint: 1200, 992, 768, 576. А вот 1201 +, 991-1199, 769-993, 575-767, 320-577 все отображает нормально В чем причина? Медиа-...
Alex Nikos's user avatar
3 голоса
1 ответ
103 показа

Cannot set property 'style' of null

Хочу, чтобы при разных вариантах а/б-теста страницы выдавались разные картинки фона в конструкторе сайтов. Реализация такова, что пришлось писать JS. Выдает ошибку Cannot set property 'style' of null. ...
Игорь Войнов's user avatar
1 голос
2 ответа
260 показов

Блок отображается не там где надо

Скорее всего он не видит див с id Sea. Надо чтобы он отображался после блока sea. P.S. это блоки P (P Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia tempore ex delectus rerum optio ...
Василий's user avatar
0 голосов
1 ответ
56 показов

Не могу установить слайдер (PgwSlider) на сайт

Помогите пожалуйста установить слайдер на сайт. Вот этот слайдер: http://pgwjs.com/pgwslider/ Там есть ссылка на гидхаб, я скачал но там нет файлов HTML. Помогите пожалуйста.
Р. Р.'s user avatar
  • 111
0 голосов
0 ответов
17 показов

Нет выбора файлов формата docx

Сделал инпут, в нем те файлы которые можно прикреплять,но файлы формата docx ,просто нет, в чем тут может быть дело? `<input type="file" name="files" accept="image/jpeg,image/png,application/vnd....
Litrein's user avatar
  • 309
0 голосов
0 ответов
42 показа

На одной странице 2 галереи, и они не работают, если одну забрать то одна галерея будет работать. Но нужно чтобы работали две

На одной странице 2 галереи, и они не работают, если одну забрать то одна галерея будет работать. Но нужно чтобы работали две. Вот эта галерея: http://cleanjs.ru/articles/fotogalereya-tovarov-dlya-...
Р. Р.'s user avatar
  • 111
0 голосов
0 ответов
108 показов

HTML5/PHP. Защита от подмены пакетов

У меня имеется HTML 5 игра и некоторые проблемы с защитой этой игры. Предотвратить повторную отправку POST через AJAX. Защита от подмены пакетов. Сам я накатал на коленке, но получилось не очень. Ну ...
Luke Ziss's user avatar
0 голосов
0 ответов
62 показа

Progres bar с контрольными точками

Такой вопрос: кто работал с такими прогрес барами с ползунками и контрольными точками? Столкнулся первым раз, нашел плагин, оказался корявым, игрался со спрайтами, в итоге 2 дня времени потерянно, кто-...
Никита Савченко's user avatar
0 голосов
1 ответ
388 показов

Как закрепить footer внизу страницы? [дубликат]

Как прижать footer внизу страницы вне зависимости высоты контента. Пример:
newProgrammer's user avatar
0 голосов
2 ответа
78 показов

Стилизация полей с помощью jQuery

Как сделать что бы при нажатии на кнопку Calculate, если некоторые select со значением 0, они выделялись красной рамкой, а они сейчас выделяются все, независимо от того с value=0 или нет. Выделяются ...
Nice's user avatar
  • 355