Вопросы с меткой [html]
HTML, или язык гипертекстовой разметки – это стандартный язык разметки для документов, предназначенных для отображения в веб-браузере. Последняя действующая версия спецификации – HTML5.3. Как правило, используется совместно с каскадными таблицами стилей и клиентскими скриптами. Для динамической генерации HTML-страниц используются различные шаблонизаторы и языки программирования.
35,443
вопроса
0
голосов
0
ответов
4
показа
Скрол неправильно работает с картинкой
У меня почему то неправильно работает скрол. Если я нажать мышкой на изображение происходит событие mousemove и не отключается, при отпускание кнопки. Хотя при нажатие на фон- все работает норм. Буду ...
0
голосов
0
ответов
19
показов
Текст в разных блоках
Реально ли сделать такое:
блоки (на подобие предварительного просмотра страниц перед печатью в ворде), которые скриптом наполняются текстом.
После вставки строки проверяется высота блока, в ...
0
голосов
0
ответов
24
показа
как сделать плавное открытие и закрытие модалки?
HTML
<div class="add-task-btn" onclick="showModal('add-task-form')">
<img src="./img/icons/plus.png" alt="add" />
</div>
<div class=&...
1
голос
1
ответ
24
показа
Картинка заслоняет уголки у блока
Сделал у текстового блока уголки с помощью двух прямоугольников псевдоклассов
При изменении z-index у изображения оно начинает закрывать уголки
Код:
*{
margin: 0;
padding: 0;
}
:root{
...
0
голосов
0
ответов
18
показов
Сохранение фото с помощью Django
Я новичок в программировании, я реализовал загрузку фото на сайт, теперь мне необходимо реализовать их загрузку на локальный сервер в папку photos с помощью django после того, как они были выбраны на ...
0
голосов
0
ответов
25
показов
Как ограничить выбор конкретных дат в input type=date
Есть стандартный input type=date и даты в БД, нужно чтобы эти даты (из БД) пользователь не мог выбрать на сайте. Прописать min и/или max в инпуте не решит проблему. Есть, конечно, другие способы ...
1
голос
1
ответ
28
показов
Почему псевдо элемент(.todo-item__span::after) появляется не по середине?
Проблема заключается в том что при клике на .todo-item__span::before элемент .todo-item__span::after появляется в нижнем правом углу, а должен по середине.
.todo-item__container-field {
...
0
голосов
1
ответ
34
показа
Как добавить header когда страница скролится вверх?
Как сделать так что-бы когда скроллим страницу хедер пропадает. Но если он проскролить вверх , хедер снова появляется на любом участке. Спасибо
addWindowScrollEvent = true;
const header = ...
1
голос
1
ответ
19
показов
Как добавить класс другому блоку в зависимости от слайда swiper.js?
Я использую для слайдера библиотеку swiper.js. Мне необходимо в зависимости от текущего слайда, добавлять класс для header, для того, чтобы текст в нем был другого цвета. Желательно решение на js.
0
голосов
0
ответов
14
показов
Нужно доработать функцию JS, рассчитывающую расписание на семестр/указанный диапазон дат
Нужно доработать функцию "checkHours". Суть в том, что пользователь вводит в поле количество часов, которое нужно отработать и расписание должно вывестись в соответствие с заданными часами и ...
0
голосов
0
ответов
17
показов
Переключение слайдов в swiper slider
На данный момент когда я в thumbs переключаю слайды, то активный слайд сразу передвигает контейнер, а не идет к нижнему слайду. Сейчас все наглядно покажу. Сейчас у меня вот так
а надо при нажатии на ...
0
голосов
0
ответов
14
показов
Справка по синтаксису команды @@include
Нашел ресурс Самые простые способы интеграции HTML
. В нем в разделе Используем Gulp используется команда @@include. Искал справку по синтаксису данной команды, но не нашел. Дайте ссылку на справку по ...
-5
голосов
0
ответов
20
показов
Как сделать изменяемую реф ссылку?
Имеется реф ссылка, как сделать так, чтобы люди могли задавать свою ссылку и изменять, чтобы скрыть хвоcт ?ref= .
0
голосов
0
ответов
15
показов
Tooltip съезжают при скролле
У меня на странице элементы(tooltip) который при наведение должны отображать информацию, но почему-то они сьезжают
Как это можно исправить?
const QuestiontooltipRed = document.querySelector('....
0
голосов
1
ответ
34
показа
При нажатии на кнопку в блоке меняется текст и через время текст возвращается в исходное положение
Подскажите, пожалуйста
Внес несколько кнопок на сайт с одинаковыми классами.
Нужно, чтобы при нажатии на кнопку текст менялся, а через пару секунд возвращался в исходное положение
Написал следующий ...
0
голосов
0
ответов
16
показов
Как правильно обеспечить работу Z-index между страницей и iframe?
На сайте есть окно(div), оно должно быть поверх iframe блока, но внутри iframe тоже есть окна, некоторые из которых должны быть поверх этого первого окна.
Как правильно это реализовать, чтобы ...
1
голос
1
ответ
25
показов
Почему при нажатии на popup он закрывается?
Открытие popup происходит хорошо, но когда я нажимаю на содержимое popup например на один из input то он сразу закрывается, как я это могу решить?
const openButtonProduct = document....
0
голосов
1
ответ
25
показов
Подскажите в чем проблема. Ошибка ERR_FILE_NOT_FOUND при появлении картинки в окне
При нажатии на галерею изображений, должно всплывать фото в отдельном окне , но почему то при нажатии происходит ошибка ERR_FILE_NOT_FOUND
<div class="container-gallery">
<...
0
голосов
0
ответов
15
показов
Как стилизовать яндекс карту?
Подскажите возможно ли так стилизовать яндекс карту? или какие-то стили сделать будет невозможно? api читал, но карты так некогда не стилизовал, только базово(поменять цвет, иконку и тд)
https://i....
0
голосов
1
ответ
33
показа
Как растянуть input на всю ширину родителя?
Есть у меня форма и wrapper.
Даю wrapper-у display:flex;
Даю form-е max-width: 480px;
и input-ам даю width:100% но инпуты не растягивается на всю ширину.
<div>
<form>
<input type=&...
0
голосов
1
ответ
8
показов
SASS не работает один класс
Делаю сайт, в header есть вот такой текст, разбитый на два класса main и secondary.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
&...
0
голосов
2
ответа
22
показа
Как сделать одинаковую высоту слайдов в Slick Slider
Всем привет! Я попробовал уже много способов решения этой проблемы, но так и не смог решить её.
Мне необходимо, чтобы высота слайдов в slick slider была одинаковой и соответственно зависела от высоты ...
0
голосов
1
ответ
29
показов
Рефакторинг кода JavaScript, объединение в одну функцию
я начинающий разработчик, пишу для себя словарь по английскому языку, смысл такой, есть слово при клике на него оно переводится на русский, при повторном клике переводится обратно на английский. ...
0
голосов
0
ответов
22
показа
Есть ли возможность скрывать куски страниц сайта в мобильной версии не используя CSS?
Подскажите, пожалуйста, есть ли аналог кода
<picture>
<source media="(max-width: 799px)"
srcset="/upload/img1.jpg" width="100%" height="auto">
<...
-3
голоса
1
ответ
50
показов
Анимация плавного появления при скролле
Как сделать такую анимацию чтобы при скролле вниз она плавно появлялась, а при скролле верх она плавно исчезала.
Пример:
0
голосов
2
ответа
45
показов
Как зафиксировать объекты при масштабировании
Кусочек кода HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, ...
0
голосов
1
ответ
21
показ
Как сделать рамку так чтобы одна часть была над другим элементом а другая под другим элементом?
Всем привет. Помогите пожалуйста сделать рамки как на картинке, так чтобы одна часть была над другим элементом а другая под другим элементом ?
0
голосов
0
ответов
36
показов
Как изменить код, чтобы на клике кнопки "Так" в модальном окне добавлялся товар, по которому сделан клик?
Учусь React, помогите пожалуйста
class App extends Component {
state = {
data: [],
cards: [],
carts: [],
favoriteCards: [],
isModalOpen: false,
...
0
голосов
0
ответов
17
показов
Как сохранить группировку сообщений в окне чата после обновления страницы с помощью JavaScript
Я реализовал окно чата, в котором сообщения от одного и того же отправителя группируются в контейнере. Группировка отлично работает при последовательной отправке нескольких сообщений, но после ...
0
голосов
0
ответов
28
показов
Как сделать календарь?
Подскажите пожалуйста как сделать в календаре дату по месяцам правильно? у меня сейчас до 32 числа почему-то выдает. Но число в input выводится правильно. Спасибо
const calendar = document....
0
голосов
1
ответ
34
показа
Как сделать чтобы блок скролился мышкой в overflow-hidden
Возникла проблема. Не пойму как сделать, чтобы блок скролился внутри блока с overflow:hidden. Я нашел решение на реагирование с колесиком мышки, но как сделать, чтобы реагировало на перетаскивание ...
0
голосов
1
ответ
23
показа
Как сделать, чтобы контейнер было видно только внутри карточек
Есть контейнер, внутри (или поверх) которого располагаются карточки.
Вопрос в том как сделать так, чтобы пространство между карточками было белым (или просто не отображался контейнер) а внутри самих ...
0
голосов
1
ответ
53
показа
как вытащить заблюренный текст
Подскажите как вытащить при парсинге заблюренный текст.Он становиться виден только тогда когда нажать на него кнопку "показать".Тогда его можно пропарсить.А до этого там стоят ххххххх
Может ...
-5
голосов
0
ответов
37
показов
Выводить данные из файла .txt на сайт [закрыт]
Есть файл file.txt, из него нужно вытаскивать данные имя, фамилия, когда, где.
Примерно файл выглядит так: Иван Иванов в 00:00:00 01.01.2023 по 1.1.1.1
Вытащить данные из файла получилось скриптом на ...
0
голосов
1
ответ
21
показ
Как сделать счетчик ввода значений?
Подскажите пожалуйста как реализовать счетчик значений как на фото https://i.stack.imgur.com/nZiNw.png . Получается что в input можно писать только 1 цифру, и инпуты как-бы открываются по очереди ...
0
голосов
0
ответов
26
показов
progress steps bar
Необходимо сделать прогресс бар по шагам. + на каждый ваш появляется блок и информацией.
Не могу ничего толком найти и не получается сделать
0
голосов
1
ответ
39
показов
Как в ссылке заменить атрибут href на другой и закодировать путь в Base64
Имеется несколько ссылок, ведущих на разные внешние страницы
<a class="button" href="https://site.ru/dsfssg">Ссылка</a>
Имея класс "button", как закодировать ...
-1
голос
1
ответ
41
показ
Анимация текста как у Spotify
Подскажите, как сделать такую анимацию?
0
голосов
1
ответ
39
показов
Высота ребенка по всю высоту скролла родителя + абсолютный блок
Если внутри скролла есть элемент с абсолютной позиций (.absolute), он расширяет высоту скролла переполненного родителя (.overflow), но контент (.content) при этом не расширяется, как сделать что-бы ...
-1
голос
0
ответов
18
показов
Как в django работать с select2? [закрыт]
столкнулсч с необходимостью подключить select2 к django. Есть такая библиотека, но можно и через подключить, в чем различич таких методов, и какой наиболее подходящий?
0
голосов
0
ответов
18
показов
Конвертация файла jpg в html в java
Возможно, вопрос дилетантский, но, к сожалению, я на нём застопорился. Сделал несколько попыток, но не получилось. Нужно в java файл изображение, с расширением jpg, сконвертировать в html. Т.е., как ...
-1
голос
0
ответов
36
показов
Активный меню ul li по центру
Как сделать активный меню по центру, в мобильной версии, активный меню отображается вне экрана
можно сделать так, чтоб активный отображался по центру
.sub-categories {
display: -webkit-box;
...
0
голосов
1
ответ
8
показов
Карточки слайдера slick
Такая проблема, верстаю карусель из карточек, используя slick. Сам слайдер работает, но я хочу, чтобы карточки меняли резиново свои размеры (ширина, высота, font-size)
Подскажите, как правильно это ...
0
голосов
0
ответов
23
показа
как собрать html js в один компонент
есть задача собрать html js файл в один компонент чтобы можно было переиспользовать в реакте и vue, не подскажите с помощью чего можно реализовать данную задачу?
в html подключается еще js библиотека ...
0
голосов
1
ответ
31
показ
Вывод результатов теста на JavaScript
При нажатии на кнопку "результат" необходимо, чтобы появлялся новый блок div, в котором содержалась следующая информация (примерно):
"Количество верных ответов: prav
Ваша оценка: "(...
-5
голосов
0
ответов
32
показа
Как сделать цветную сетку из клеток разного размера [закрыт]
Подскажите как реализовать так
в моб версии друг после друга:
a
b
c
d
e
1
голос
0
ответов
51
показ
Выровнять элементы
Всё никак не могу выровнять элементы, при одних размерах внутренних элементов кажется, что все отлично, но когда добавляю больше содержимого, то некоторые псевдоэлементы перестают стыковаться и всё ...
1
голос
1
ответ
40
показов
Подскажите пожалуйста, с чем связано не ровное увеличение картинки при наведении?
.cards {
display: grid;
gap: 40px;
grid-template-columns: repeat(4, 245px);
grid-template-rows: repeat(1, 210px);
justify-content: space-between;
align-items: center;
}
.post_card {
...
0
голосов
0
ответов
30
показов
Как разместить или нарисовать эту линию на сайте?
В макете была эта черная линия,что на заднем плане,но я не знаю как ее разместить,буду благодарен за помощь (P.s эта линия обведена на скрине синим бордером)
0
голосов
0
ответов
28
показов
Не отображается html код после события js
При нажатии на input type="radio", js должен был показать скрытый код. Код js писал чат gpt, потому что я без понятия как самому писать на js(( Я много раз пробовал через gpt выдавить ...