Вопросы с меткой [html5]
HTML5 (HyperText Markup Language, version 5) — пятая версия языка разметки, служащего для структурирования и представления содержимого страниц для всемирной паутины.
4,132
вопроса
0
голосов
0
ответов
20
показов
Рисовалка JavaScript, функция штампа
подскажите пожалуйста. В рисовалке есть кнопка с выбором режима Штамп/Рисовать. Когда нажимаешь "Штамп" на кнопке отображается "Рисовать" и наоборот. И вот вопрос... Как задать ...
0
голосов
0
ответов
33
показа
Плохо работает флекс wrap
Столкнулся с проблемой , когда добавил flex-wrap: wrap. Теперь из-за этого , мои элементы не уходят друг под друга когда я уменьшаю размер страницы , а просто стоят в непонятном положение , как ...
0
голосов
1
ответ
30
показов
Как узнать, что пользователь прокрутил ниже шапки?
есть сложная динамическая шапка. При скролле необходимо, чтобы её часть(средний этаж) ездил за пользователем. Нужно узнать в какой именно момент этот средний этаж пропадает из поля видимости ...
0
голосов
1
ответ
12
показов
Как перенести свойства от образца rect на панели, выполненной в SVG
Только учусь. Вообще деревянный.
Подскажите как сделать так, чтобы свойства от образца (например, rect с полным синим заполнением - получить это значение кликом левой кнопкой) назначить rect на панели?...
0
голосов
0
ответов
18
показов
Генерация веб-страницы с помощью cgi python
у меня такая задача: проверить последовательность битов на бит четности, я хочу это сделать с помощью регулярного выражения. Когда я написал паттерн и, вообще, если написать любую строчку кода, то ...
0
голосов
0
ответов
33
показа
Определить "полную" загрузку страницы
1.Подскажите пожалуйста, вот к примеру загружаю я страницу, вижу, что загружен основной HTML, потому вижу, что загружены все скрипты. По сути это можно считать загрузкой HTML-страницы.
2.Но, после ...
0
голосов
1
ответ
26
показов
svg - Задать фон под изображение
svg {height:60px}
ellipse {
cx:7.5;
cy:1.8;
ry:2;
rx:2;
fill: red;
stroke: #fff;
stroke-width: .4
}
text {
text-anchor:middle;
dominant-baseline:central;
font-...
0
голосов
1
ответ
13
показов
Нижняя часть бэкграунда не меняется
.deflation {
background: #f6f6f6;
padding: 65px 0;
}
.deflation h1 {
float: left;
}
.deflation .small_arrows {
float: right;
}
.deflation .items {
max-width: 1286px;
}
.what-is {
...
0
голосов
0
ответов
26
показов
Отправка формы с HTTPS
Когда отправляешь форму
<form method="get" action="https://domain.org/confirm.php">
Теряется защищенное соединение
Как быть?
-2
голоса
1
ответ
36
показов
Как вывести из Ajax запроса только city_name?
мне нужны через ajax запрос вывести города, сейчас выводит помимо городов и другие занчения [![введите сюда описание изображения][1]][1]. Как мне вывести значение city_name в ul class="cities-...
0
голосов
0
ответов
19
показов
Хочу вывести ключ из таблицы mysql, но он идет посимвольно с каждой строки
Делаю авторизацию на php, нашел в интернете код, и решил немного 'Модифицировать' его созданием ролей. Создал в базе данных еще один столбец с элементом либо 0 либо 1. Где 1 это администратор. ...
0
голосов
1
ответ
25
показов
Как добавить картинку в таблицу JS
Код:
<!DOCTYPE html>
<html>
<body>
<table id = "mytable" border = "1">
<tr>
<th>Номер</th>
<th>...
0
голосов
3
ответа
31
показ
Сделать элементы блочными
.text {
background: black;
color: white;
margin-left: auto;
width: fit-content;
font-size: 14px;
padding: 10px;
white-space: nowrap;
}
foreignObject {
height: 100%;
...
0
голосов
0
ответов
30
показов
Как получить данные из полей формы, создать дочерний div2 внутри div1 на другой странице и в созданном div2 отображались данные из полей формы?
Я новичок в js, поэтому хотел бы узнать как подобное можно реализовать (для практике в универе нужно). Необходимо разработать скрипт, который получив данные из формы создает на другой странице внутри ...
0
голосов
0
ответов
30
показов
Упростить, выровнять, сделать проще
.bl {
width: 400px;
background: red;
height: 100px;
position: relative;
}
.adv {
width: 300px;
position: absolute;
right: 0;
top: 10px;
z-index: 1;
}
.adv .text {
...
-1
голос
0
ответов
19
показов
Хочу за картинкой сделать размытый фон [закрыт]
Здравствуйте, не получается сделать размытый фон за изображением. Подскажите как сделать. Вот какой код я использую:
0
голосов
1
ответ
51
показ
Как динамически добавлять дочерние элементы в форму?
Как сделать так, чтобы при нажатии на кнопку (на скриншотах под номерами) добавлялся дочерний набор элементов в родительский блок с сохранением всей структуры. Более наглядно на скриншотах.
add {
...
0
голосов
0
ответов
36
показов
Перенос сайта на локальном сервере в декстоп приложение
Всем привет, это наверное будетсамый странный вопрос на форуме.
История такова, пишу дипломный проект на тему данную мне учебным учреждением «Приложение «Материально-техническое обеспечение кабинетов»...
0
голосов
0
ответов
16
показов
Закрытие выпадающего меню, если открывается другое+ закрытие по клику на документ
Облазил все форумы, посмотрел кучу видео, но так и не смог реализовать закрытие по клику на документ и при открытии другой менюшки. Если можно, то на чистом JS, пожайлуста. Благодарю
const listButton =...
0
голосов
3
ответа
55
показов
Можно ли определить, переходил ли пользователь по ссылке на своем сайте?
В гугле есть такая тема что после перехода по ссылке на какой то ресурс, в будущем этот ресурс в гугле подсвечивается не синим цветом, а фиолетовым.
Сегодня я занимался версткой, и заметил такую тему ...
0
голосов
0
ответов
16
показов
Почему не работает CONTAINER корректно?
Хочу выравнивать сайт по сетке, через container, но container выравнивает только header.
<body>
<!----================================HEADER========================================...
0
голосов
1
ответ
16
показов
Как сделать фиксированную верстку без meta viewport
Вопрос простой, как сделать фиксированную верстку (одинаковое отображение сайта на любой ширине и возможность его мастабирования) без использования запроса вида:
<meta name="viewport" ...
0
голосов
0
ответов
14
показов
Размер шрифта, относительно высоты блока либо блока родителя
Кучу инфы перелопатил...
Возможно размер шрифта, привязать к высоте блока. Высота блока в %, как сделать шрифт адаптивным в зависимости от текущей высоты блока?
0
голосов
0
ответов
15
показов
Общие атрибуты для фигур
<div class="main-circle">
<div class="main-circle__item"></div>
<div class="main-circle__item"></div>
<div class="main-...
1
голос
1
ответ
46
показов
Изначально сделать блок в одну высоту, затем
c.onclick = e => document.body.classList.toggle('open');
*{
position: relative;
padding:0;
margin:0;
outline: none;
letter-spacing: 1px;
box-sizing:border-box;
scroll-behavior: ...
0
голосов
0
ответов
14
показов
Буферизация видео, предварительная загрузка
Возможно ли организовать предварительную подгрузку видео, не внося изменения в html документ?
То есть, чтобы когда вставляем ссылку на Ролик, в html тег video. Чтобы видео не подгружалось, а было уже ...
0
голосов
1
ответ
30
показов
Как сделать чтобы при выборе пункта он появлялся сверху?
Делаю select в виде ul, li, как сделать чтобы при выборе li сверх (вывод в блок в number-select__output) появлялась название страны с флагом (т.е блок number-select__item и цифры номера с переди ?)?
...
0
голосов
2
ответа
27
показов
Как исправить недопустимое значение свойства в css?
Я хотел сделать баннер для своего сайта в HTML&CSS.И когда я запускаю код все выглядит неправильно.Поискал а Chrome ошибок и там говорится "Недопустимое значение свойства".
Вот код:
<...
-1
голос
0
ответов
27
показов
Каталог, выпадающее меню
Как можно реализовать такое выпадающее меню?
1
голос
1
ответ
71
показ
Не сокращать текст тогда, когда есть место для более широкого блока
* {
position: relative;
padding: 0;
margin: 0;
outline: none;
letter-spacing: 1px;
box-sizing: border-box;
scroll-behavior: smooth;
-webkit-tap-highlight-color: rgba(0,...
0
голосов
0
ответов
20
показов
Hover на смартфонах
На пк :hover работает как необходимо. Но вот на смартфонах, прикосновениях, срабатывает но не возращает на исходные свойства.
Есть ли решение, чтобы и на пк работало как необходимо и на тачах.
0
голосов
1
ответ
14
показов
Не удается вставить svg через background
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgOCAyNCI+...
1
голос
0
ответов
79
показов
Как пользоваться Google Maps, размещенный непосредственно на сайте?
Суть проблемы: Разрабатываю сайт, одной из компонент которых является Google Maps. Его можно перемещать и смотреть на местность. И Всё! Но мне нужно, чтобы я мог отмечать точки, это нужно для ...
0
голосов
0
ответов
14
показов
Задать отступ от нижнего края исходя от высоты другого блока
.div {
position: relative;
width: 200px;
height: 200px;
background: red;
}
.bt {
position: absolute;
bottom:0;
left:0;
width: 100%;
height: 10%;
background: #000;
}
.bt1 {
...
1
голос
1
ответ
25
показов
SVG - привести текст в path
Написал текст, выделил 2 первые буквы. Выбрал контур -> оконтурить объект
На выходе получается для каждой буквы создается path, а сделать так чтобы один path для 2 и более символов.
Собственно ...
0
голосов
0
ответов
8
показов
Отключить zoom на смартфонах
<meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0, user-scalable=no'>
На старом смартфоне, параметр user-scalable, работал. То есть ...
1
голос
1
ответ
138
показов
Сохранить анимацию css
function eCr(Type, atr = {}){
let element = document.createElement(Type);
for (var idx in atr)
idx == 'html' ? (element.innerHTML = atr[idx]) : (idx == 'append' || idx == 'before' ? ...
1
голос
2
ответа
26
показов
Возможно ли зафиксировать элемент и при этом сделать его блочным
<ul style='overflow-y: auto;'>
<li>Шапка</li>
<li>Список</li>
<li>Список</li>
<li>Список</li>
<li>Список</li>
<li>...
0
голосов
1
ответ
30
показов
Выполнить иконку чуть меньше svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white">
<path d="M 22.500353,10.482272 H 5.2851745 L 12.806219,2.7788559 c 0.601069,-...
0
голосов
0
ответов
13
показов
Криво работает анимация css
Есть блок, изначальная высота 0px. Необходимо чтобы анимация сработала до той высоты блока, какова высота дочерних элементов. То есть конкретной высоты блока не знаем.
#sst {
display:flex;
align-...
-1
голос
0
ответов
24
показа
Как отобразить html-страницу через метод в js?
Код написан в файле html, как можно реализовать отображение другой html-страницы, находящейся в той же папке, при выполнении условия(password==secpass)?
function SignUp() {
var password = ...
0
голосов
0
ответов
13
показов
Как создать связные выпадающие списки?
В реализации проекта мне нужна сделать 2 выпадающих списка на странице и связать их так, чтобы в зависимости от выбора элемента в первом списке во втором выпадали только элементы, связанные с первым. ...
0
голосов
0
ответов
14
показов
Как "приручить" вёрстку слоями и подружить её с webkit-ом
У меня есть три элемента в ряду. Я хочу сделать так, чтобы сохранить эффект размытия с ховером для левого элемента и наложение текста с скруглением остальных элементов, да так, чтобы текст смотрелся ...
0
голосов
1
ответ
14
показов
Не срабатывает анимация при закрытии
[data-foo=sett_m] {
display: none;
position: absolute;
opacity: 0;
top: 0;
right: 10px;
overflow: hidden;
border-radius: 2px;
background: rgb(28 28 28 / 90%);
box-shadow: 0 0 4px rgb(...
0
голосов
0
ответов
11
показов
Как реализовать модальное окно с динамически заполняемым содержимым?
Пишу веб-приложение, используя Spring Boot и Freemarker. Есть таблица с информацией о товарах, которая заполняется динамически из БД. Нужно реализовать редактирование этой информации. Для этого ...
0
голосов
1
ответ
47
показов
Из трех объектов в 1 целый
.cnt_p {width: 200px}
<svg class="cnt_p" viewBox="0 0 36 36">
<path d="M 18.5,5.5 H 31.3 c 0.6,0 1.2,0.6 1.2,1.5 v 5.7 c 0,0.8 -0.5,1.5 -1.2,1.5 H 18.5 c -0.6,0 -1.2,-0.6 -1.2,-1.5 V 7 ...
2
голоса
2
ответа
62
показа
Выполнить анимацию вращения шестеренки svg
<script>
c.onclick = e => document.querySelector('svg').classList.toggle('ani');
</script>
.ani path{
transform-origin: 19px 19px;
transform: rotateZ(30deg);
}
svg { ...
1
голос
1
ответ
41
показ
как менять местами слова в вертикальной строке
Как можно сделать, чтобы при выводе строка выводилась RU | ENG, как бы слова менялись наоборот, при этом сама html строка не изменилась, изменения были только в css.
.table {
position: relative;
...
0
голосов
2
ответа
111
показов
Как настроить переносы на мобильном устройстве через тег br
нашла в интернете макет, примерно сделал чтобы текст на пк смотрелся правильно, но когда тестирую на мобиле в 375px, мои отступы через тег br смотрятся не правильно. Как можно их отредактировать эти ...
2
голоса
2
ответа
38
показов
Разворот текста по дум осям
Учю css, нашла макет там текст интересно от зеркален. Хочу сделать зеркально, данный текст, в css, пыталась с помощью свойства transform: scale(-1, -1), но не получилось, порядок слов в html, должен ...