Вопросы с меткой [html5]
HTML5 (HyperText Markup Language, version 5) — пятая версия языка разметки, служащего для структурирования и представления содержимого страниц для всемирной паутины.
4,353
вопроса
0
голосов
1
ответ
27
показов
Активировать буттон при выборе всех чекбоксов [закрыт]
Есть несколько чекбоксов. Как активировать буттон submit только если выбраны все чекбоксы?
0
голосов
0
ответов
16
показов
Как добавлять компонент при клике на кнопку во VueJs?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
&...
0
голосов
0
ответов
23
показа
Как ровно разместить фото с разными размерами
Есть сайт https://www.felixkunze.com/ на основной странице расположены фото(~100), у каждого фото своя высота и ширина и т.е если задавать по одной то фото выглядят плохо.
Смог сделать как на сайте (...
0
голосов
0
ответов
29
показов
Необходимо реализовать текстовый квест на php. Не понимаю как каждый раз выбирать из таблицы именно нужные строки
Понимаю, что id того, что появится на экране должно передаваться из кнопки, однако не понимаю как составить цикл, что бы каждый раз выбиралась из таблицы именно нужная строчка, и при этом что бы цикл ...
0
голосов
1
ответ
40
показов
Как получить текст из элемента div или т.п.?
html:
<div id="txt_id">text</div>
js:
var elem = document.getElementById("txt_id").textContent;
console.log(elem)
ошибка: Uncaught TypeError: document.getElementById(....
-1
голос
1
ответ
23
показа
footer - как правильно прописывать ссылки [закрыт]
подскажите пожалуйста как правильно прописывать ссылку и поставить палочку между ссылками )
0
голосов
1
ответ
34
показа
как мне добавить параметр disable=false в созданную кнопку маркера
я хочу создать кнопку, которая будет показывается в зависимости от пользователя, который открыл ее. Шаблон для балунов я пишу в html, поэтому я не могу указать параметр disable=false. Он его просто ...
0
голосов
1
ответ
35
показов
Вывод результатов теста на JavaScript
При нажатии на кнопку "результат" необходимо, чтобы появлялся новый блок div, в котором содержалась следующая информация (примерно):
"Количество верных ответов: prav
Ваша оценка: "(...
0
голосов
0
ответов
38
показов
при просмотре на айфоне видеофон с градиентом ведёт себя некорректно
window.addEventListener('DOMContentLoaded', () => {
const menu = document.querySelector('.nav-menu'),
menuItem = document.querySelectorAll('.nav-menu__button'),
hamburger = document....
0
голосов
1
ответ
23
показа
Не сжимается контент при изменении масштаба
Не сжимается контент при изменении масштаба
Может ли это быть из за неправильного обнуления стилей?
на этом скриншоте видно , как я изменяю масштаб , но контент не смещается.
Вы можете посмотреть ...
0
голосов
1
ответ
33
показа
Вёрстка адаптивной формы
Нужна блочная адаптивная верстка. На фото представлено то, как это должно быть с требованиями:
Не получается сделать именно верхний вариант:
<!DOCTYPE html>
<html>
<head>
<...
0
голосов
2
ответа
35
показов
текст с обводкой на при просмотре на телефоне видны посторонние линии, а при просмотре на компьютере всё выглядет нормаль
div {
background: #e0dddd;
}
.title__publication {
webkit-text-fill-color:#c86acf;
-webkit-text-stroke: .1rem white;
color: #c86acf;
font-weight: 700;
font-family: 'Rubik Mono One', sans-...
0
голосов
1
ответ
54
показа
Скрытие файлов из просмотра кода
возникла необходимость скрыть скрипт, используемый в сайте, но как быть, если его можно посмотреть через код элемента?
Прошу помощи...
1
голос
1
ответ
18
показов
Есть 2 <ul> (списка) по 5 <li> (элементов) в ряд, как их же адаптировать под мобильные устройства в 2 столбца
Есть контейнер, в нём 2 списка с разными классами, но с одинаковыми стилями. Они расположены горизонтально (по 5 штук) на компьютере.
.nextSection {
width: 90%;
}
.container {
display: flex;
...
0
голосов
1
ответ
26
показов
Что-то не импортируются таблицы css
Хочу объединить в style.css все другие таблицы (header,nav и тд) и подключать только его к html, однако есть какая-то ошибка которую я не вижу, а также имеется ошибка в консоли браузера.
Путь к файлам
...
1
голос
1
ответ
22
показа
::before появляется неполностью
Есть , к нижней части которого нужно добавить svg картинку, однако при добавлении её на left: 0;
bottom: -6px; (сама картинка высотой 6px), то она не появляется и добавляется вертикальный скрол.
Вот ...
0
голосов
0
ответов
16
показов
появление select в зависимости от выбора в предыдущем selet
У меня есть вот такой код, как сделать так чтобы при выборе какого-то значения из первого select например значения Максим, появлялся select из $column_two_v2, а при других значениях первого select из $...
0
голосов
0
ответов
19
показов
Как сделать чтобы при загрузке страницы отправлялся код на почту указанную в прошлом окне
Как сделать, чтобы при загрузке страницы отправлялся код на почту, указанную в прошлом окне (../index.html).
То есть пользователь переходит на эту страницу, и ему на почту приходит код для проверки, ...
0
голосов
0
ответов
29
показов
Как правильно убрать / отключить тег br в медиа правил?
Нужно в медиа правил после разрешение 576px убрать тег br где он был, в scss убираю через свойство display:none, как убирается перенос текста, то нету пробела между словами "стилизованные 3D-...
1
голос
1
ответ
47
показов
Как сделать такую полоску над картинкой?
Добрый вечер!
Ломаю голову над этим чудом и не пойму как сделать такую полосу над картинкой.
1
голос
1
ответ
41
показ
Как сделать такой изогнутый блок?
Как этот желтый прямоугольник также выгнуть в css?
1
голос
1
ответ
34
показа
Почему height:100% не работает в данном случае? [закрыт]
Вот у меня есть контентная часть, которую я с помощью стиля 'flex' расположил автоматически между хедером и футером(в нем пока нет контента), мне нужно расположить секцию welcome до конца экрана, я ...
0
голосов
1
ответ
23
показа
Как сверстать карточку с серой полосой внутри и буквой в центре? [закрыт]
Как сверстать карточку?
http://joxi.ru/BA0Yx1OuqP5bVr
Не получается сместить див в лево и 50%, нужно чтобы он тянулся.
`<li class="sd_b5__card">
<div class="icon-b5&...
0
голосов
1
ответ
26
показов
Пропала анимация текста с помощью @keyframes после добавления модального окна
уважаемые программисты! Пропала анимация текста, после того как добавил модальное окно регистрации и входа. Буду благодарен за помощь!
index.html
<!DOCTYPE html>
<html lang="ru">
...
0
голосов
1
ответ
22
показа
Как перенести вниз текст?
Текст Go to listen хочу перенести под текст с анимацией вниз, но не могу, буду благодарен за ответ!
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;...
0
голосов
0
ответов
35
показов
React. Подключение шрифтов. module.css
Не могу подключить шрифт в React приложение. Для стилизации использую module.css. Куда только не подключал и в index.css (не module.css) и отдельным файлом stylesheet.css.
-1
голос
1
ответ
51
показ
Растянуть блок на всю высоту родителя
Как растянуть блок main__container на всю высоту родителя main, чтобы сетка grid заполнила весь main?
HTML
<div class="wrapper">
<header class="header">
...
0
голосов
1
ответ
22
показа
как сделать стрелку при наведении на кнопку
не понимаю как сделать такую вот стрелочку при наведении (либо просто ее сделать и рядом прикрепить)
0
голосов
1
ответ
52
показа
Нажатие лайки с цифрой
Как сделать лайк со счётчиком, чтобы он лайкнул счётчик считал на 1 и обратно?
let like = document.querySelectorAll(".like");
for (let heart of like){
heart.onclick = function(e){
this....
0
голосов
0
ответов
27
показов
Можно ли менять позиции блоков, когда создаешь медиа запросы?
Чтобы блоки с текстом встали по горизонтали, а карта ушла пол них, когда уменьшаешь ширину сайта
0
голосов
1
ответ
40
показов
При загрузки локального видео через iframe появляется атрибут autoplay
Я загружаю видео на страницу через iframe
<iframe id="videoFrame" class="howPopup__youtube how__youtube"
src=".assets/videofile.mp4"
frameborder="...
0
голосов
1
ответ
20
показов
Как сделать контейнер имел max-width таким, чтобы левая часть была с отступом, а правая шла через весь экран
Нужно, чтобы грузовик касался правой части экрана, но при этом, чтобы левая часть с текстом имела такой же отступ как и у header а, нужно сделать это без позиционирования грузовика, контейнер имеет ...
-1
голос
1
ответ
38
показов
анимированное Меню бургер
Не получается создать значок в форме X, как можно исправить?
.navbar__hamburger {
display: flex;
flex-direction: column;
justify-content: center;
...
0
голосов
2
ответа
38
показов
CSS-анимация с нажатием "Наведи на меня"
Как сделать анимацию с нажатием "Наведи на меня", чтобы вскочила "Подсказочка!" с блоком? Требуется решение БЕЗ JavaScript
.block {
position: absolute;
width: 600px;
...
0
голосов
0
ответов
20
показов
В телефоне не видно фиксированный блок внизу экрана из-за браузерной строки сверху, пока не начнешь скроллить страницу и браузерная строка не пропадет
Подскажите пожалуйста, как решаете проблему для планшета и телефона с фиксированным блоком внизу экрана? Из-за поисковой браузерной строки вверху экрана телефона фиксированный блок не видно.
....
0
голосов
1
ответ
40
показов
Почему при изменении позиции меняется ширина у абсолютно позиционированного элемента?
Есть такой pen: https://codepen.io/stn28/pen/ExepRrp
Кому неудобно лазить на сторонние ресурсы, вот пример:
* {
box-sizing: border-box;
}
.wrapper {
position: relative;
border: 1px solid ...
0
голосов
1
ответ
28
показов
Элементы накладываются на шапку с pozition fixed
Всем привет, у меня есть проблема, я сделал шапку с position fixed, указываю z index, а элементы все равно залезают на шапку при скроле, помогите пожалуйста
* {
font-family: 'Roboto Flex', sans-...
0
голосов
1
ответ
77
показов
По стандарту html, в ul можно вложить только списки li?
По стандарту html w3c в ul на первом уровне вложенности могут быть только списки li? Или можно вложить любой другой элемент и это не будет ошибкой? Просто случайно заметил что у меня в коде в ul ...
0
голосов
1
ответ
27
показов
Выбрать элемент селектором CSS
Имеется такая структура:
<label class="agreement__label">
<span class="wpcf7-form-control-wrap" data-name="acceptance-311">
<span class="wpcf7-...
0
голосов
1
ответ
15
показов
Как через JS удалить div, который блокирует ссылки в футере?
Есть сайт:
https://evroflag.by/
Через пару секунд пояляется див, который блокирует контент.
Как его удалить с помощью JS?
Спасибо.
0
голосов
0
ответов
37
показов
iframe не выводит содержимое
Добрый день есть расписание https://www.poliklinika45.ru/scoreboard/450101000000204, хочу что бы на сайте больнице оно отображалось но почему то подтягивается только квадрат с цветом фона и на этом ...
0
голосов
2
ответа
48
показов
Можно ли как-то вынести создание разметки для кнопок пагинации в отдельный метод?
Можно ли как-то вынести создание разметки для кнопок пагинации в отдельный метод?
_generateMarkup() {
const curPage = this._data.page;
const numPages = Math.ceil(
this._data.results....
0
голосов
1
ответ
30
показов
Ширина правого блока в приоритете
.gl {
display: flex;
}
.right {
width: 90%;
}
<div class='gl'>
<div class='left'>sssss sss ssd sdas sss sss ssssd s dasss sssss sssd sda sssss ssss ssd sdas
</div>
<...
0
голосов
1
ответ
22
показа
Пункты меню занимали 100% высоты родителя
Как сделать, чтобы пункты меню занимали 100% высоты родителя?
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
padding: 0;
margin: 0;
border: 0;
}
ul li {
list-style-type: none;
}...
0
голосов
0
ответов
12
показов
Не работает render в requests_html
Скачивает chromium, но не до конца.
После 6% скачивания интернет слабеет, и загрузка прерывается.
Что посоветуете сделать?
session = HTMLSession()
r = session.get('https://google.com/')
r.html....
0
голосов
1
ответ
44
показа
Липкий первый столбец, липкая шапка и горизонтальный скролл в таблице
Как сделать липкие шапку и первый столбец (полностью первые ячейки в tbody и в thead) таблицы с горизонтальным скроллом? Без ограничений в высоте таблицы
<!DOCTYPE html>
<html lang="en&...
1
голос
1
ответ
88
показов
Как обратиться к элементу внутри элемента?
Как обратиться к тегу li, который находиться в div class="group"?
Надо к каждому элементу li придать одно свойство через CSS, но без придачи class к каждому элементу li
На сайте есть и ...
0
голосов
0
ответов
27
показов
Самый оптимальным вариантом создания сайдбара по прежнему является float?
Ребята, создавать сайдбары все также лучше с помощью float-ов? Flex'ы не лучшее решение для них, а грид не такой кроссбраузерный как float и гриды конечно для более сложных случаев. Я прав, или мое ...
0
голосов
0
ответов
18
показов
как изменить курсор в scss?
Здраствуйте)
как изменить курсор на сайте чтобы делал клик по центе?
я делаю aimlab на react-е без canvas
я хотел изменить курсор на прицел но у меня проблема со кликом
для лучшего понимания я ...
0
голосов
1
ответ
41
показ
Checkbox & indeterminate
Я разбирался с одним примером, где зашло в тупик.
Вот мой рабочий код, где вылезла такая ошибка. Тыкал в разной последовательности и по разным чекбоксам. Если по трем шагам сделать нажатиям чекбокса:
...