Вопросы с меткой [html]
Язык гипертекстовой разметки - это стандартный язык разметки для документов, предназначенных для отображения в веб-браузере. Последняя действующая версия спецификации HTML5.2. Как правило, используется совместно с шаблонизатором, серверными и клиентскими скриптами, каскадными таблицами стилей для динамической генерации удобочитаемых веб страниц из информации, хранящейся в БД сервера.
33,149
вопросов
0
голосов
2
ответа
23
показа
Почему при переносе строки внутри блока с "width: fit-content", этот блок растягивается на всю ширину родителя?
Пример на codepen: https://codepen.io/Coder10000000000/pen/yLvwmdj
Почему блок .fit растягивается на всю ширину .container? Если ли способ сделать так, чтобы текст занимал всю доступную ширину (как ...
0
голосов
1
ответ
20
показов
Выделение активного пункта меню другим цветом, таким же как при Hover
Сделал навбар для сайта, но не учел очень важный пункт
(выделение активного пункта меню другим цветом, таким же как при ховере)
Подскажите как это правильно сделать в моем случае?
Пример активного ...
1
голос
1
ответ
23
показа
Скрытие и появление классов по нажатию на кнопку
Как сделать так , чтобы когда я нажимал на на список , у меня исчезал предыдущий элемент, а появлялся новый ?
new Vue({
el: '#app',
data() {
return {
statsshow: true,
works: ...
0
голосов
0
ответов
17
показов
JQ / weight windows - remove
Есть елемент video, на мобилке CSSом отключаю его с помощью display:none при достижении ширины 550px. Но это не решает проблему фоновой загрузки тяжелого елемента устройством.
Нужно запретить ...
0
голосов
0
ответов
30
показов
Блоки одинаковой ширины в несколько столбцов
Необходимо расположить блоки в несколько столбцов, при этом ширина блоков должна быть одинаковой, а количество столбцов выбираться автоматически в зависимости от ширины окна браузера. Пытался ...
-1
голос
0
ответов
16
показов
"GET /articles/articles_img/2022/06/17/secre_top.jpg HTTP/1.1" 404 3793 Что делать?
#articles models.py
from django.db import models
from django.utils import timezone
class Articles(models.Model):
article_title = models.CharField('Название', max_length=50)
article_anons = ...
0
голосов
1
ответ
41
показ
Отступы блока фронтенд
возникла проблема. Дело в том, что расширяя или уменьшая ширину страницы блок отступает неправильно с одной стороны.
@import "http://fonts.fontstorage.com/import/intro.css";
.header,
.content {
...
0
голосов
0
ответов
25
показов
Не работает script js в браузере! Точнее вообще ничего не выводит в консоль. Делаю прелоудер для сайта и ничего не меняется [дубликат]
document.addEventListener("DOMContentLoader", () => {
const mediaFiles = document.querySelectorAll('img');
let i = 0;
Array.from(mediaFiles).forEach((file, index) => {
...
0
голосов
1
ответ
21
показ
Ломается один из блоков
когда меняю max-width у третей карточки она становится меньше остальных, хотя изображение и контент идентичны.
.third-card, .second-card, .first-card {
max-width: 350px;
background-color: rgba(...
0
голосов
1
ответ
13
показов
Как сделать адаптивной бегущую строку?
Помогите, пожалуйста, хочу сделать адаптивную строку. Когда я уменьшаю экран, у меня бегущая строка, остается такого же размера, и чем меньше экран, тем мало что там можно разглядеть. Когда пишу ...
0
голосов
1
ответ
21
показ
Какой meto тег надо использовать чтобы при уменьшении масштаба страницы все содержимое оставалось при своих размерах а не подстраивалось под все?
Какой meto тег надо использовать чтобы при уменьшении масштаба страницы все содержимое оставалось при своих размерах а не подстраивалось под все ?
Есть сайт я хочу его адаптировать но когда я захожу в ...
0
голосов
1
ответ
21
показ
Как убрать невидимый отступ и почему элементы внутри дива нужно центрировать отдельно
*, *::after, *::before {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
}
body {
width: 350px;
height: 500px;
background: linear-gradient(to bottom right, rgb(...
0
голосов
0
ответов
17
показов
Сохранение тела письма html, библиотека imbox
Читаю письма библиотекой Imbox, получаю тело письма message.body.html пытаюсь его забрать -> сохранить в файлик
with open(tmp_inbox + '/' + 'tmp_file.html', "wb") as fp:
fp....
1
голос
1
ответ
13
показов
Как осуществить выравнивание блоков по ширине изменением их размеров?
У меня есть код на https://codepen.io/osmanof-the-vuer/pen/ZErPezX.
.wrapper {
display: flex;
flex-wrap: wrap;
width: 134px;
height: 150px;
background: #ccc;
}
.item {
background: #...
-1
голос
1
ответ
34
показа
Как добавить текстовый контент из массива строк в новый элемент по нажатию кнопки?
Имеется массив строк, задача использовать эти названия как текстовый контент динамически создающегося элемента - <li><a> text </a></li> - по нажатию кнопки(button) которая ...
0
голосов
0
ответов
12
показов
Как добавить кнопки социальных сетей "Поделиться" в веб приложение Streamlit
У меня есть веб-приложение, которое обрабатывает фотографию пользователя и возвращает ему обработанное изображение. Нужно добавить кнопки, чтоб он мог поделиться результатом в социальных сетях. Как ...
0
голосов
1
ответ
23
показа
Почему при наведении на изображение "hover" не появляется другой блок?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<...
0
голосов
1
ответ
26
показов
Как сделать background на всю ширину headera, если есть общий div wrapper с ограничением по ширине в 90 rem?
Задача сделать белый фон (background) на всю ширину для headera и footera. Но есть общий div wrapper с ограничением по ширине в 90 rem для всего контента.
Подскажите как растянуть белый фон на всю ...
-3
голоса
1
ответ
34
показа
JS не отображаеться в браузере , хотя все правильно подключил , но в консоле браузера ничего не виводиться . В чем может быть проблема?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ActiveBox</title>
<link rel="stylesheet" href="style.css"&...
0
голосов
2
ответа
16
показов
Как сдвинуть иконки bg вправо к краю. Выглядеть должно как на картинке(
.questions-item {
font-weight: 700;
font-size: 24px;
padding: 30px 70px;
margin-bottom: 20px;
}
.question{
color:#fff
}
.element:nth-child(even){
color: white;
background-...
-1
голос
0
ответов
30
показов
html | Button | input check
Всем приветик:3, я хочу хоть немного выучить html и css, Предупреждаю мои знания завершаются на коде который я скину ниже, так вот, как сделать чтобы при нажатии кнопки на сайте выполнялся скрипт ...
1
голос
0
ответов
26
показов
Изменить дистанцию прокрутки [дубликат]
Как можно изменить дистанцию/расстояние которое будет проходить скролл на элементе при 1 прокруте колеса мыши?
Интересны все возможные способы, но в предпочтение самое простое.
0
голосов
1
ответ
54
показа
анимация с помощью z-index?
При наведении на квадрат, остальные меняют свое положение с помощью z-index. Не могу понять как в моем случае анимировать z-index? Спасибо https://jsfiddle.net/q3ag2w8t/4/
let oddLinks = document....
0
голосов
1
ответ
28
показов
Swiper JS в табах
Столкнулся вот с какой проблемой. На странице реализованы табы. В каждой вкладке присутствует слайдер (Swiper JS). Отображается всё как надо. Но работает слайдер только в первой вкладке. Во всех ...
0
голосов
1
ответ
24
показа
Как сделать событие клик по всем элементам при нажатии на определённую кнопку?
<p class='mainclick'></p>
<p class='click'>2</p>
<p class='click'>3</p>
<p class='click'>4</p>
<p class='click'>5</p>
<p class='click'>...
1
голос
1
ответ
34
показа
Добавление в сразу же двух классов
У меня есть две кнопки , одна меняет положение блока , вторая должна менять цвет блока , то есть когда я нажимаю на первую кнопку работает только изменение расположения блока , а когда я нажимаю на ...
0
голосов
1
ответ
18
показов
JQuery: проблема c взаимодействием - срабатывает только первая карточка и при нажатии на другие тоже первая
/*Переварачивание карточки */
$(function () {
// Checking for CSS 3D transformation support
$.support.css3d = supportsCSS3D();
var formContainer = $('#formContainer');
// Listening ...
0
голосов
1
ответ
39
показов
Не открывается страница, опубликованная через github pages
https://github.com/KostyaPapushnikov/Practice_1
Публикую репозиторий через github pages, но при попытке открыть страницу https://kostyapapushnikov.github.io/Practice_1/ появляется ошибка 404
Что не ...
0
голосов
1
ответ
42
показа
не могу в тег select написать option в котором была бы картинка
дорогие разработчики, мне необходимо создать список в котором можно было бы поместить картинку. Прошу,обьясните понятным языком.
вот моя разметка -
<div class="country-inner">
...
0
голосов
1
ответ
26
показов
Как можно подключить мою отправку сообщений от к PHP-файлу, чтобы все сообщения, введенные в форму, отправлялись непосредственно на мой адрес Gmail?
Contact us We are open to talk. We work for you. Let us talk!
<div class="col-md-12 col-sm-12">
&...
0
голосов
0
ответов
36
показов
Не удаляется Eventlistener, объявленный в цикле
function roleDescription() {
// вторая ступень = описание роли при наведении, выбор роли при клике
for (let i = 0; i < originDescription.length; i++) {
buttons[i]....
0
голосов
1
ответ
26
показов
Не работают иконки play/pause svg на видео не подключаются с помочью js
Не могу понять почему не работают мои иконки play/pause? Не могу понять в чем причина ? Буду благодарна за любую подсказку)
let isPlayed=false;
let playButton= document.getElementById('playBtn');
...
-2
голоса
1
ответ
28
показов
Удалить блок при нажатии на кнопку в нём [закрыт]
Есть блок. В нём есть имейдж хрестика. При нажатии блок юолжен удалятсья. Спасибо за помощь)
1
голос
2
ответа
23
показа
Отцентрировать блок внутри блока
Нужно помощь в отцентрировании cont2 относительно cont1. Когда длина cont1 больше, чем cont2, то все отлично. Но если cont1 поставить длину 100px, то cont2 уже будет не по центру относительно cont1, а ...
0
голосов
0
ответов
28
показов
Как добавить некие данные к определенному пользователю в таблицу MySQL на PHP
Всем доброго времени суток.
У меня есть таблица test, в которой хранятся запросы (любые).
По итогу, как мне сделать так, чтобы когда я давал ответ (кнопочка синяя), он выдавался определенному ...
3
голоса
1
ответ
51
показ
Замена SVG при нажатии на неё
Товарищи, доброго дня, вечера, у кого как. Следующий вопрос: как заменить svg на другую при нажатии на неё? Нужно максимально просто.
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" ...
0
голосов
1
ответ
47
показов
Как сделать кривую стрелку html css js
Как сделать такую стрелку, подскажите пожалуйста
1
голос
0
ответов
42
показа
Компиляция. GULP. JS. Верстка. Ошибка при сборе
Такая проблема после запуска Gulp через git bash. Не создается или даже удаляется /dist/assets/js. Таск не происходит и js естественно не запускается.
Запись из Git
////// [20:07:00] Version: ...
0
голосов
1
ответ
27
показов
Почему у меня не появляется дополнительный класс?
Почему при нажатии на класс .burgin-menu классу .list не добавляется класс .show-list ?
document.querySelector('.burgin-menu').onclick = function() {
document.querySelector('.list').classList....
0
голосов
0
ответов
17
показов
Изменяется яркость видео при смене разрешения [закрыт]
При изменении разрешения экрана иногда видео становится другого оттенка( а на некоторых устройствах с повышенной плотностью пикселя сразу меняет цвет, при этом у меня тоже 1.25, но меняется только при ...
0
голосов
1
ответ
25
показов
Объединить два реакт файла в один
у меня два файла которые возвращают фрагменты html. Они идентичны за исключением изображения. Дело в том, что сервер на изображение плейлиста и изображение жанра имеет разные пути.
props.items.images[...
0
голосов
1
ответ
34
показа
Как вывести в один div все элементы h3 из определенной section?
Есть упрощенный код:
<div id="sidebar"> ... </div>
<section id="vacancies"> ...
<div class="vacancy-container" id="id1"> ...
...
0
голосов
2
ответа
43
показа
Как взять цвет из другого класса?
К примеру у меня есть блок с классом test как написать что бы он брал цвет из body или другого класса.
0
голосов
0
ответов
34
показа
В строках bootstrap не работает ни <p> ни <br>
Необходимо на странице чтобы следующая строка шла после заготовка H1. А она получается чуть выше заголовка. Подозреваю что причина мои слабые знания бутстрап. Хром в коде старинцы отображает <p>....
0
голосов
0
ответов
27
показов
Не могу сделать форму для регистрации и ввода пароля
я учусь верстать сайты около двух месяцев, вот решил я сверстать макет сайта и сразу же в header'e появилась форма регистрации, полазил по сайтам и понятней не стало, если есть возможность, то можете ...
0
голосов
0
ответов
15
показов
Как исправить ошибку Module Error (from ./node_modules/vue-loader/dist/index.js):?
Мне нужно что то по типу простого плейграунда,где будет несколько полей в которые можно вводить код и окно с результатом, и сделать это нужно через iframe src doc, но у меня проблема в строках 67-72, ...
-1
голос
0
ответов
21
показ
Можно ли в thymeleaf получить адрес текущей страницы? [закрыт]
Можно ли в thymeleaf получить адрес текущей страницы ?
К примеру страница с адресом https://example.com.
Как мне ее получить в html файле? JS не предлагать, так как нужно ее получать сразу, а не после ...
0
голосов
1
ответ
19
показов
как прокрутить элемент в видимую область через scrollIntoView, но чтобы не скроллилась сама страница?
<!DOCTYPE html>
<html>
<style>
#myDIV {
height: 250px;
width: 250px;
overflow: auto;
background: coral;
}
#content {
margin:500px;
height: 800px;
width: 2000px;
...
2
голоса
0
ответов
27
показов
Как добавить Web-видеоплееру переключение аудио дорожек из контейнера видео .mkv
Подключил через фильм в контейнере .mkv с тремя аудио дорожками на разных языках. Порядок индексов аудио дорожек в самом контейнере видео такой: Японский, Русский(установлен по-умолчанию для плееров),...
0
голосов
1
ответ
45
показов
при вставке изображения на сайт с прозрачным фоном (png) вместе с изображением появляется белый фон вокруг него? как убрать его
как сделать чтобы отображалось только облако на фоне неба?