Вопросы с меткой [html]
HTML, или язык гипертекстовой разметки – это стандартный язык разметки для документов, предназначенных для отображения в веб-браузере. Последняя действующая версия спецификации – HTML5.3. Как правило, используется совместно с каскадными таблицами стилей и клиентскими скриптами. Для динамической генерации HTML-страниц используются различные шаблонизаторы и языки программирования.
35,862
вопроса
0
голосов
1
ответ
29
показов
Как сделать обработку нажатия кнопки? Ошибка- Cannot read properties of undefined
У меня есть меню навигации, я его "прячу", следующим образом.
.sidebar {
position: fixed;
width: 400px;
border-radius: 0%;
left: -400px;
}
Затем, если у него есть класс ...
-2
голоса
0
ответов
28
показов
рулетка открытие кейсов кс го [закрыт]
Всем привет! у меня появился такой вопрос, как сделать горизонтальную рулетку по типу открытия кейсов cs go на сайте, что бы при нажатии на кнопку запускалась анимация прокрутки рулетки и что бы она ...
0
голосов
1
ответ
36
показов
Как сделать перенос всего слова, а не части?
Я хочу, чтобы мои слова в тексте в случае необходимости переноса начинались со следующей строки, а не переносились наполовину. Вижу, что так реализовано на всех адекватных сайтах, но не могу понять ...
0
голосов
1
ответ
35
показов
Как соединить две точки и чтобы, когда я перемещал точку она следовала за ней
Как показано на изображение у нас есть две точки
1: фиолетовая
2: белая.
Как их соединить кривой? Просто сделать через path, и написать координаты этих точек не получится, потому что блоки можно ...
0
голосов
1
ответ
61
показ
Убирается выпадающий список при попытке увода курсора с кнопки
В навбаре сделал выпадающий список с помощью кода:
.nav ul ul {
display: none;
position: absolute;
top: 100%;
z-index: 10;
}
.nav ul li:hover>ul {
display: block;
}
.nav ul ul li {
...
1
голос
0
ответов
29
показов
Как создать ссылку на определённое место страницы html
Необходимо, что бы при нажатии страница скроллилась вниз до нужного места, набросал такой код:
<ul>
<li> <a href="#search-subdomains"> Search Subdomain </a></li>
&...
0
голосов
0
ответов
31
показ
Обновление изображения на сайте с определенной периодичностью
Есть страничка, в локальной сети, с которой производится управление роботом, также есть jpg изображение карты, построенной этим роботом, файл с изображением обновляется раз в 4 секунды. Как ...
0
голосов
0
ответов
22
показа
UnicodeEncodeError: 'latin-1' codec can't encode characters in position
from flask import Flask, url_for, render_template, flash, request, g, redirect
app = Flask(__name__)
app.config.from_object(__name__)
@app.route("/")
def index():
return render_template(...
0
голосов
1
ответ
54
показа
Как сделать так чтобы можно было передвигаться не только вниз, вправо но и вверх. налево
const container = document.querySelector('#items-container');
let startY;
let startX;
let scrollLeft;
let scrollTop;
let isDown;
container.addEventListener('mousedown', e => mouseIsDown(e));
...
0
голосов
1
ответ
38
показов
Помочь создать адаптивную сетку с использованием Grid
Всем привет! Столкнулся с нестандартным дизайном и расположением блоков, но не знаю, как правильно это делать. Пытался решить это с помощью grid-area, но получилось не очень. Буду благодарен всем, кто ...
0
голосов
2
ответа
27
показов
В массив добавляется input#title, вместо значения, введенного в input
const input = document.getElementById("title")
const createBtn = document.getElementById("create")
const checkBtn = document.getElementById("check")
const checkInput = document.getElementById("...
0
голосов
0
ответов
10
показов
VSCode django: property value expectedcss(css-propertyvalueexpected)
В visual-studio-code та переменная, что внутри style, подсвечивается ошибкой, хотя и выполняется, но всё красным-красно. Как пофиксить?
<div class="progress">
<div class="progress-bar ...
0
голосов
0
ответов
34
показа
Как разместить текст внизу блока (bootstrap 4.3)
Есть вот такой блок:
<div class="card mb-1 mt-2">
<div class="card-body">
<div class="row">
<div class="col-md-2">
колонка слева<...
0
голосов
0
ответов
36
показов
Как не адаптировать каждый пиксель в html?
Всем привет! Такой вопрос, я натянул сайт на 1440px, 440px и 1920 px, как мне сделать так, чтоб если пользователь зашел на сайт с экраном 1296px(например), то ему показывалась версия 1440px, то есть ...
0
голосов
1
ответ
40
показов
Не меняется радиус изображений
Не меняется изображение с помощью border-radius. Код HTML:
<!DOCTYPE html>
<html>
<head>
<title>PSVK</title>
<meta charset="utf-8">
<meta name="...
0
голосов
0
ответов
35
показов
как поместить текст в рамку с изображением?
Должно быть так:
Но у меня это выглядит так:
В чём проблема? Код:
.films__gallery-item {
margin-right: 20px;
width: 280px;
height: 434px;
flex-direction: column;
justify-...
1
голос
1
ответ
27
показов
WebSocket (html/ visual studio)
Возникли проблемы с реализацией через visual studio.
В html(в браузере) данные через сокет отправляются и я получаю ответ с данными.
<!doctype html>
<html>
<body>
<...
0
голосов
0
ответов
27
показов
Как растянуть div с position: absolute; на всю высоту body
перекопал весь интернет, ответа не нашел
цель такая:
нужно сделать фон с помощью svg вставок
каждая из них позиционирована относительно родительского блока
родительский блок имеет z-index -99
и ...
-2
голоса
0
ответов
44
показа
Помогите с foreach
как сделать что бы с одинаковыми {s_title} но с разными данными из базы данных, к примеру в key [s_title] в форич выводилося на экран информация 1го айди и 2 рого,Потому что если сделать все внутри 1 ...
0
голосов
2
ответа
37
показов
Мне нужно при клике на любую из 4 картинок присвоить класс одному блоку ( JavaScript, HTML )
Помогите пожалуйста, в JS совсем не силен, у меня есть 4 картинки с одинаковыми классами и div блок, который находится далеко в дереве элементов от картинок. При нажатии на любую картинку из четырех ...
0
голосов
0
ответов
17
показов
Не могу отправить значение введённые в input номер телефона из одной формы в другую, чтобы в другой форме телефон отображался по дефолту
Необходимо передать номер из одной формы в input{phone} другой формы.
form1
<div class="registration-cssave">
<form>
<h3 class="text-center">Вход</h3>
...
0
голосов
0
ответов
40
показов
Как сделать так что-бы картинка менялась по таймеру с анимацией html css js [закрыт]
Как сделать что-бы по таймеру 1 картинка плавно заменялась на вторую и так по кругу
0
голосов
1
ответ
57
показов
Как зафиксировать вьюпорт на движении анимированного объекта?
Пытаюсь зафиксировать вьюпорт на подвижном объекте, но при приведенной ниже реализации скролл почему то отстает от объекта. Кто-нибудь знает почему? Может есть более толковый способ?
const line = ...
0
голосов
1
ответ
26
показов
Html и CSS - убрать выделение у иконок-ссылок, но оставить текст-ссылкам
Я новичок в Web-вёрстке, сейчас активно изучаю помимо Python, созрел один вопрос, который прошу помочь решить, я сделал выделение для текст-ссылок: навигация в шапке сайта:
<a href="#step"...
-2
голоса
1
ответ
54
показа
Как изменять html код с помощью php?
Есть титульная страница сайта, при проверке на существование $_SESSION['user'] нужно менять header на титульной странице (если $_SESSION['user'] существует).
Как можно это сделать?
<?php
...
1
голос
2
ответа
59
показов
как сделать переход линии(подчеркивания, типо border) от ссылке к ссылке в навигации?
Мне понравился эффект перехода подчеркивания (линии снизу) от одного элемента к другому. Однако я не знаю, как сделать такой переход. Можете объяснить? Заранее спасибо. У меня есть заготовка:
-1
голос
1
ответ
25
показов
Почему при адаптивной вёрстке некоторые блоки пропадают? [закрыт]
Почему при адаптивной вёрстке некоторые блоки пропадают?
0
голосов
1
ответ
51
показ
Бесконечно добавлять файлы в Input type file
Вот HTML
<form>
<input name="file" id="myfiles" multiple type="file">
</form>
Вот JS
var fileInput = document.querySelector("#myfiles");
...
0
голосов
0
ответов
32
показа
не работает import/export в JS(в браузере) [дубликат]
У меня есть функция, которую я собрался переиспользовать, она в отдельном файле getsomestate.js:
function getSomeState(){
//some code
}
export default getSomeState;
И я хочу её импортировать во ...
0
голосов
0
ответов
30
показов
Подменю скрывается при опускании указателя ниже первого пункта
Не понимаю почему так происходит... есть меню с подпунктами. При наведении на пункт меню, показываются подпункты. Но если пускаться по подпунктам ниже первого подпункта, подменю исчезает.
Кто-нибудь ...
1
голос
1
ответ
30
показов
Не запускается php скрипт, указанный в action, при отправке формы
Есть форма регистрации, при нажатии на кнопку регистрации js скрипт проверяет поля на корректность ввода, после выполнения js не запускается php скрипт, указанный в action
вот html:
<form action=&...
0
голосов
0
ответов
26
показов
Не работает Splide при выгрузке сайта через хостинг. Локально все работает
<script src="node_modules/@splidejs/splide-extension-auto-scroll/dist/js/splide-extension-auto-scroll.min.js"></script>
<script>
const splide = new Splide( '.gallery', {
...
0
голосов
0
ответов
24
показа
у меня есть блок с позицией fixed внутри него еще блок, который содержит ссылку, но она не работает, как сделать чтобы ссылка заработала? [закрыт]
это маленький фрагмент кода
внутри container содержаться остальные блоки в одом из frame есть ссылка, нужно чтоб она заработала, уже всю голову изломал z-index и обработчик события на js уже пробовал
...
0
голосов
2
ответа
33
показа
Найти элемент div с текстом содержащим странные символы
На странице сайта появляется Советник, который предлагает Похожие товары.
Заблокировать элемент по id или классу невозможно, так как они генерируются рандомно.
Но сейчас можно использовать поиск ...
0
голосов
0
ответов
37
показов
Не отправляются все файлы
Вот HTML
<form>
<div id="fileTypes">jpg,png,gif</div>
<input name="file" class="file_input" id="myfiles" multiple type="file&...
0
голосов
1
ответ
23
показа
Как сделать чтобы текст не менял прозрачность при наведении, а картинка меняла
Нужно чтобы текст не менял прозрачность, а фон меня при наведении
*, ::before, ::after {
padding: 0;
margin: 0 auto;
border: none;
box-sizing: border-box;
border-radius: none;
}...
0
голосов
0
ответов
16
показов
Отображение текста с background в safari
Есть код который из одного input берет текст и вставляет его в элемент на фото.
В Safari отображается нечто похожее на курсор, указал стрелкой на скрине.
Пробовал caret-color: transparent; - не ...
0
голосов
1
ответ
25
показов
не работает свойство transition на объекте с абсолютным позиционированием
document.querySelector('.Container').onclick = function() {
document.querySelector('.Container').style.left = '450px'
}
document.querySelectorALL('.Container')[1].onclick = function() {
document....
0
голосов
1
ответ
20
показов
Смена иконки svg при прокрутки ползунка громкости
Есть у знатоков такое решение!
Как реализовать смену иконки svg слаидара громкости.
Например:
Громкость на 100% иконка такая -
<svg width="30px" height="30px" viewBox="0 0 24 24" fill="none" ...
0
голосов
0
ответов
23
показа
Импорт данных с HTML-страницы для работы кода на Python
Мне нужно вставить код Python так, чтобы он считывал две переменные из окон ввода данных в HTML, а также два файла Excel, запускал код при нажатии кнопки и выводил результат работы программы в ...
0
голосов
0
ответов
22
показа
У меня кнопка находиться в input-е. Как сделать так, чтобы при нажатии на input кнопка не уходила назад?
.main-btn{
position: absolute;
left: -20%;
z-index: 1;
margin-block:10px;
padding: 15px 25px;
background-color: blue;
color: azure;
}
....
0
голосов
0
ответов
44
показа
Плавное развертывание блока
Есть некий блок с информацией о пользователе(имя, био, и т.п.), который так же включает в себя две кнопки, удаление пользователя и редактирование информации. При нажатии на кнопку редактирования ...
0
голосов
0
ответов
20
показов
На тестовом домене не работает google карта
Карта по ссылке http://denispyb.beget.tech/#map
Вот HTML
<div id="map"></div>
Вот JS
<script type="module">
let map;
async function initMap() {
...
0
голосов
0
ответов
25
показов
Подскажите пожалуйста с расположением элементов
Подскажите пожалуйста как расположить buttons и cards, чтобы cards были возле buttons и занимали весь оставшийся размер страницы, а не снизу. Должно что-то похожее на форум reddit
@using Forum_MVC....
0
голосов
1
ответ
33
показа
Растянуть элементы
У меня есть горизонтальный список (количество элементов может быть разным). Каждый элемент списка состоит из заголовка, длина которого зависит от количества текста в нём, и кнопки фиксированной длины. ...
0
голосов
2
ответа
38
показов
Перезаписать значение в input[type='file'] после удаления миниатюр изображений
Вот HTML
<input id="myfiles" multiple type="file">
<div id="dropArea">
<div class="upl_btn">
<label for="...
0
голосов
1
ответ
21
показ
Как установить пустое поле по умолчанию в выпадающем списке, по умолчанию выбирается первая страна
Помогите сделать чтобы по умолчанию при загрузке страницы была выбрана пустая строка, а не первая Страна..
<p class="form-row">
<label for="country" class="...
0
голосов
0
ответов
38
показов
Отображение размера шрифта через VS Code
При вёрстке макета требуется задать размер шрифта font-size: 8px;
Пишу его в редакторе Visual Studio Code, а он, в браузере ниже font-size: 12px; не уменьшается, только может увеличиваться.
Использую ...
0
голосов
1
ответ
43
показа
Noscript redirect
Где лучше разместить содержимое <noscript>, в <head></head> или оставить как есть внизу <body> ,чтобы не было проблем с ботами поисковых систем ?
<body>
<!-- your ...
0
голосов
0
ответов
33
показа
Абсолютное позиционирование с hover, но прозрачное
Возможно, моё решение является велосипедом. У меня стоит задача сделать выпадающее меню. Меню генерируется, по всей видимости, с php (которого я не знаю)
Мне нужно по наведению на определенную ссылку ...