Вопросы с меткой [html]
HTML, или язык гипертекстовой разметки – это стандартный язык разметки для документов, предназначенных для отображения в веб-браузере. Последняя действующая версия спецификации – HTML5.3. Как правило, используется совместно с каскадными таблицами стилей и клиентскими скриптами. Для динамической генерации HTML-страниц используются различные шаблонизаторы и языки программирования.
36,649
вопросов
0
голосов
0
ответов
11
показов
Почему абсолютно спозиционированный элемент при переполнении родителя вызывает скролл?
Не нахожу логического объяснения такого поведения. Ведь такой элемент по своей сути не контентный.
<div style="position: absolute; width: 100%; height: 2vh"></div>
-1
голос
0
ответов
23
показа
Почему не получается спарсить названия учебных заведений?
Есть сайт: https://net-school.cap.ru/authorize/login
На главной странице есть , который отвечает за выбор названия учебного заведения
Я пытаюсь спарсить эти названия, но не получается
Остановился на ...
-1
голос
2
ответа
27
показов
Как найти ценральную ячейку в таблице
Существует таблица с нечетным количеством столбцов и строк.
Как найти центральную ячейку.
Моё решение лобовое, но оно не сработает, если столбиков или строк будет больше.
let button = document....
2
голоса
1
ответ
37
показов
Как получить текст у тега?
У меня есть данный код.
const el = document.getElementById("wrap-text");
console.log(el.textContent)
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
&...
-2
голоса
0
ответов
26
показов
Помогите найти в html документе страницы скрипт который прогружает ленту twitter
У меня задание пропарсить ленту пользователя и вытащить от туда твиты
При этом я должен использовать только библиотеку request и beautifulsoup(по надобности) обращение к API запрещенно
Я пришел к ...
0
голосов
2
ответа
37
показов
Как выбрать несколько продуктов, чтобы в абзац писалась их общая стоимость
Необходимо создать div с ценами на продукты и их названиями, чтобы при нажатии на определенный div его цена отражалась в абзаце, а при выборе нескольких div в абзац писалась итоговая сумма
Моего ума ...
0
голосов
0
ответов
9
показов
Как правильно вывести данные в таблицу в шаблоне django по 5 значений на строку?
извиняюсь за, возможно, глупый вопрос, просто являюсь новичком, но решить проблему не могу.
В общем. Есть таблица в бд, продукты. Есть шаблон в который все это выводится, в виде таблицы. Так вот ...
0
голосов
0
ответов
40
показов
Как сделать серверную часть браузерного приложения
Создаю сайт на html+css+js, появилась необходимость в создание серверной части. Изначально писал ее на indexeddb, но выяснилось, что такие данные хранятся только на клиенте, а не сервере. Подскажите ...
0
голосов
1
ответ
19
показов
document.querySelector() возвращает null [дубликат]
<div id="leftside">
<ul>
<li><button id="G1">G1</button></li>
<li><button id="G2">G2</...
0
голосов
1
ответ
34
показа
Клавиатура стирает введённое слово при вводе цифры
Есть инпут, который при вводе в который меняется вводимый текст, например, приводится в верхний регистр: https://jsfiddle.net/dbmh9qoy/
document.querySelector('input').addEventListener('input', e =...
0
голосов
0
ответов
17
показов
Съезжает всё в шапке в левую сторону при открытии сайта на ноутбуке
Всем привет! Решил сверстать сайт с нуля. Всё было хорошо до того момента когда я решил открыть сайт на своём 14ти дюймовом ноутбуке. Не подскажите что не так с шапкой?
3
голоса
0
ответов
41
показ
Нагрузка анимации на процессор и GPU
Есть альтернативный вариант реализации этой анимации. Данный вариант грузит процессор и GPU. Или мне лучше сделать картинку с этим эффектом с анимацией движения по кругу?
UPD: картинка никак не ...
0
голосов
0
ответов
20
показов
Изменение атрибута src у элемента embed при помощи JS
Делаю простенький сайт с возможностью запуска флеш-игр и смены активной игры по нажатию кнопок. По какой-то причине попытка сменить атрибут src не работает, каким образом можно это решить? Часть кода ...
1
голос
0
ответов
20
показов
Как анимировать плавную смену цвета градиента при смене темы со светлой на темную и наоборот?
Необходимо реализовать плавную смену цвета градиента при смене темы с темной на светлую и наоборот на СSS
:root.theme-dark {
--background-image: repeating-linear-gradient(
to bottom,
#000000 0px ...
-2
голоса
1
ответ
38
показов
Как вывести текст в HTML через JS
HTML:
<div id="test_id">
<p>Вот сюда должен вставляться текст из javascript</p>
</div>
JS:
function showText(){
Нужно так, чтобы появлялся текст
в <p> теге.
}
0
голосов
1
ответ
39
показов
Кружочки не видны, но видны при наведении, как сделать чтобы были видны всегда
.collab-block {
border: 2px solid rgb(33, 33, 33);
border-radius: 16px;
width: 512px;
/* Ширина блока */
height: 220px;
/* Высота блока */
display: flex;
flex-direction: column;
/* ...
0
голосов
2
ответа
31
показ
Как получить доступ к кнопке, которой изначально не было на странице?
создаю todo list,у которого есть кнопка статуса. При нажатии этой кнопки высвечивается popup.Кнопки изначально нет на странице,она приходит вместе с задачей из инпута . Проблема в том,что для первой ...
0
голосов
0
ответов
19
показов
Как связать Donate Alerts с сервером на Flask
Прописал сервер на Python (Flask), вынес его в общий доступ через ngrok
Создал вебхук с перенаправлением на сервер, сервер работает стабильно
Прописал вывод уведомлений на html
<!DOCTYPE html&...
1
голос
1
ответ
32
показа
Адаптивные элементы декора для фото
Пытаюсь реализовать задачу по добавление элементов декора для фото (два круга за фото). Удалось расположить их правильно, но они абсолютно не адаптивные. При уменьшении экрана пропорционально ...
0
голосов
1
ответ
50
показов
VS Code ставит закрывающий тег при копировании внутри HTML-файлов
Прошу помощи, ибо задолбала следующая проблема: при копировании VS Code ставит закрывающий тег там, где он не нужен. Например, есть кусочек кода:
<div>
<form>
<input/>
...
0
голосов
1
ответ
22
показа
Передача Smarty вводных из формы методом POST с помощью JSON
Доброго времени суток всем!
http_referer: index.php?p=users, html отображение с помощью Smarty 5.x, передаются на сервер методом POST.
<form name="update" action="update.php?opt=...
0
голосов
1
ответ
29
показов
Передача данных в переменную javascript
Я использую Flask для создания своего сайта. Получаю данные из БД и отправляю их на страницу сайта, которые хочу разместить в таблицу:
return render_template('_page.html', data = data)
Далее на ...
0
голосов
0
ответов
21
показ
Не подгружаются background картинки в формате .webp [закрыт]
Когда открываю сайт через Live Server, все работает корректно, как только просто открываю файл index.html все картинки пропадают и я не могу понять в чем причина. Пути к файлам точно правильные, ...
0
голосов
1
ответ
42
показа
Как в сниппете правильно записать параметр
Пытаюсь создать сниппет. В одной из строк есть параметр для номера телефона pattern="+?[0-9\s-()]+".
Как правильно записать ее корректно в сниппет чтобы она в дальнейшем при вызове сниппета ...
0
голосов
0
ответов
38
показов
@media работает только на одну страницу
пишу адаптацию для мобильной версии сайта. У меня на сайте находятся карточки которые выстроены по три в ряд, для мобильной версии хочу чтобы они стояли одна в ряду. Так работает только для одной из ...
0
голосов
0
ответов
25
показов
как сделать настройки селениума не видными сайту [закрыт]
мужики! Делаю пет проект, но настройки селениума слишком огорчают:
Сайт распознает меня и возможно блочит, подскажите как сделать так чтобы селен каждый раз заходил на ссылку как новый пользователь ...
0
голосов
0
ответов
10
показов
Не работает @media, работаю с ним первый раз
Пытаюсь сделать адаптация для сайта, но страница не реагирует на правило вообще:
.news-item{
border-color: #f6f6f6;
border-radius: 20px;
min-height: 150px;
width: 357px;
padding: 50px 30px ...
1
голос
0
ответов
23
показа
Обводка вокруг текста залезает на сам текст
Необходимо сделать прозрачный текст с белой обводкой вокруг. Пример:
Использую CSS-свойство -webkit-text-stroke: -webkit-text-stroke: 1px #fafafa,
но в результате следующее:
Как избавиться от этого ...
0
голосов
0
ответов
43
показа
Как сделать свечение с помощью псевдоэлементов css?
Пытаюсь сделать такое свечение как на макете с помощью псевдоэлементов
Но выходит как-то не очень
Возможно, есть какие-то другие способы, как это можно реализовать?
Вот код:
.catalog {
padding-...
0
голосов
0
ответов
21
показ
Как выстроить элементы в ряд с дополнительным обертыванием построчно?
Нужно выстроить по 4 элемента в ряд вот со структорой указанной ниже.
Если использовать для .products-row свойство display: contents; (оно закомменчено), то элементы выстраиваются как надо. Может есть ...
0
голосов
0
ответов
29
показов
Как разместить картинку и список в одну линию ? Без float
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.container {
max-width: 1440px;
margin: 0;
padding: 0 15px;
}
nav {
background-color: #D3D3D3;
}
.navdiv ul,
a {
display: flex;
...
1
голос
0
ответов
34
показа
Расположение элементов пагинации в слайдере
Пытаюсь реализовать слайдер такого плана.
Хочу использовать для этого Slider Swiper.
Подскажите пожалуйста:
Можно ли добиться такого расположения элементов пагинации в виде полукруга исполльзуя ...
0
голосов
0
ответов
29
показов
"sticky" элемент прилипает только на части страницы
Есть сайт kristy98755.github.io/m.doors (смотреть в мобильном представлении, иначе переадресовывает на полную версию). Должны прилипать элементы .toolbar и .hidden-items, причем hidden-items должен ...
0
голосов
0
ответов
32
показа
HTML тест с вопросами, пожалуйста помогите
сделал тест надо печатать по нему отчет, как напечатать не только fio а и добавить в печать другие переменные: wrong-answers, right-answers
Работает только fio
function printContent(el){
...
-1
голос
0
ответов
32
показа
Как обработать нажатие на div, если он закрыт элементом img? [закрыт]
У меня на странице должны двигаться объекты img. Их нужно перетаскивать в div. Но в момент отпускания img не получается определить, попал ли он в div. target выводит только то, что сверху (img то есть)...
0
голосов
0
ответов
35
показов
Как получить координаты объекта в документе?
Необходимо получить координаты элемента в документе: метод getBoundingClientRect() каждый раз
выдает новые координаты.
Задавал вопрос в chatGPT и предложили такой код: rect1 = wallsDotOne....
0
голосов
0
ответов
33
показа
Как адаптировать сайт на css? [дубликат]
При помощи @media only screen я написал адаптивный сайт который работает в окне браузера размером с телефон, но на настоящем телефоне все съезжает. Когда я редактирую код в файловом менеджере ничего ...
-3
голоса
1
ответ
28
показов
Добавлять в таблицу новый ряд с текстами ячеек из инпутов [закрыт]
Дана таблица из трех колонок, три инпута и кнопка. Сделайте так, чтобы по клику на кнопку в таблицу добавлялся новый ряд с текстами ячеек из инпутов.
let tds = document.querySelectorAll("td");
...
0
голосов
0
ответов
20
показов
Как правильно решать капчу Cloudflare Turnstile?
На сайте используется капча Cloudflare Turnstile. На странице с этой капчей есть форма для ввода данных и кнопка, которая становится доступной после её решения. Для решения капчи я использую сервис ...
0
голосов
0
ответов
16
показов
gulp-notify: [HTML] Error Cannot read properties of undefined (reading 'match')
gulp-notify: [HTML] Error Cannot read properties of undefined (reading 'match')
Только недавно начал gulp изучать, писал код по уроку, перезапустил vs code и тут эта ошибка вылезла (до этого только ...
-2
голоса
0
ответов
37
показов
Как сделать скачивание файлов из бд
Мне нужно на сайте сделать возможность скачать файлы. В общем, есть бд, а в ней таблица с id файла, к чему он относится, и путь к нему. Как мне было бы правильней выводить файлы на страницу так, что-...
0
голосов
0
ответов
30
показов
Анимация срабатывает только после обновления сайта. Нужно чтобы анимация срабатывала после каждого перехода на последнюю страницу сайта
Kак сделать чтобы анимация срабатывала после каждого перехода на страницу, а не только после обновления сайта?
<section class="about" id="about">
</section>
...
0
голосов
0
ответов
11
показов
Как применить стили в Angular для корневого элемента
У меня есть компонент у которого такая вёрстка
Этот компонент имеет тег my-header
<img src="{{ path }}" />
<h1>{{ title }}</h1>
Я хочу понять как можно прокинуть стили из ...
0
голосов
0
ответов
41
показ
Поле label при подключении Юмани
Подключил Юмани. Теперь нужно при оплате отправлять по Email информацию из формы, которую заполняет заказчик перед оплатой. В письме приходит вся информация, кроме той которая написана в <input ...
2
голоса
1
ответ
60
показов
Удалите случайный пункт списка
Дана кнопка и список ul, заполненный пунктами. По клику на кнопку удалите случайный пункт списка
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8&...
1
голос
1
ответ
34
показа
При потере фокуса запишите каждое предложение из текста в тег li
Дан пустой список ul и textarea. В него вводится текст со знаками препинания. По потери фокуса запишите каждое предложение из текста в свой тег li.
<!DOCTYPE html>
<html lang="en"&...
0
голосов
1
ответ
43
показа
Как создать многоуровневое меню слайдер с кнопкой назад javascript?
Как создать такое многоуровневое меню с одной кнопкой назад на бесконечное количество вложенности?
Js кода нет. Уже весь интернет облазила ничего похожего нет.Либо очень много не нужных функций
Буду ...
1
голос
1
ответ
59
показов
scrollbar-gutter оставляет белую полосу
Если прописать фон на body, то такой же будет применён к html и вьюпорту:
body {
background: silver;
}
Hi!
Но если на html написать scrollbar-gutter: stable, то на месте, отведённом под ...
1
голос
2
ответа
58
показов
Как сделать, чтобы скроллбар не занимал место?
Можно ли сделать так, чтобы элементы страницы позиционировались не до скроллбара, а по всей ширине сайта, включая скроллбар? То есть, сделать скроллбар "невидимым" для других элементов.
...
0
голосов
0
ответов
33
показа
Почему у меня не печатается pdf документ?
Пишу код, который должен создавать pdf документ. Сначала я сделал всё на локальной машине, а потом перенес код на сервер, а точнее на систему 1с битрикс.
На сервере он перестал работать, как надо (...