Вопросы с меткой [html]
Язык гипертекстовой разметки - это стандартный язык разметки для документов, предназначенных для отображения в веб-браузере. Последняя действующая версия спецификации HTML5.2. Как правило, используется совместно с шаблонизатором, серверными и клиентскими скриптами, каскадными таблицами стилей для динамической генерации удобочитаемых веб страниц из информации, хранящейся в БД сервера.
8,309
вопросов без принятого ответа или без ответа, за который были отданы голоса
11
голосов
1
ответ
316
показов
Как исправить баг в морфинге svg?
кто силен в svg помогите пожалуйста исправить баг.
https://jsfiddle.net/n19L2tam/10/
я уже пытался по разному исправить, и новый текст делал, и заменял текст изображением, но все равно в самом конце ...
7
голосов
1
ответ
1k
показов
Как с помощью JS изменить масштаб браузера?
Как с помощью JS изменить масштаб браузера? Например, пользователь установил 110% масштаб. При переходе на мою html страничку хотелось бы установить масштаб на 100%
6
голосов
0
ответов
239
показов
Node.JS минификаторы
Рендерю все страницы для юзеров на сервере, так вот мне нужно минифицировать все html, css, и js. Но есть проблема, некоторые html содержат в себе так-же css и js. То-есть тот-же js для компонента ...
5
голосов
0
ответов
157
показов
фон svg через js
Есть блок с svg, в котором меняется цвет при клике на блок.
http://u558049.s54.wh1.su/metalli/app2/hestiya.html вот на этой странице.
Вот скрипт, который это делает:
$('.color__tabs_items .standart ....
5
голосов
1
ответ
141
показ
Не работает mouseleave после mouseenter на SVG USE символе
Мне нужно чтобы при mouseenter символ в SVG менялся с #dot на #dot2.
И при mouseleave - наоборот.
Mouseenter работает, после этого другие события (mouseleave, onclick) не срабатывают.
ссылка на ...
5
голосов
0
ответов
97
показов
Вычисление perspective
Есть простейший блок с:
width: 400px,
height: 100px,
угол поворота: 60 градусов,
perspective: 200px задана произвольно.
* {
box-sizing: border-box;
}
html,
body {
padding: 0;
...
5
голосов
1
ответ
185
показов
Какие средства подходят для документирования HTML/CSS/JS с запускаемыми примерами?
В вопросе Возможно ли в markdown отобразить произвольне html-код и стили? я узнал, что в markdown нельзя вставлять сниппеты с кодом (то есть не только исходный код, например HTML+CSS, но и результат ...
5
голосов
3
ответа
1k
показов
Подключение css к html в Java
Не удается подключить css файл style.css, который находится в папке css, html его просто не видит.. Что в моем html может быть не так?
if(method.equals("GET")) {
response = "<!DOCTYPE html>...
5
голосов
2
ответа
186
показов
Наследование ячеек таблицы
Проблема заключается в том, что по макету у всех tr задан линейный градиент в background. Но если задаешь самой строчке этот самый градиент, то все td наследуют от него этот бг. Пробовал для ячеек ...
5
голосов
0
ответов
108
показов
Подписанный апплет: отказ в доступе к порту
Имеется подписанный апплет, который должен читать данные из порта. Апплет совершенно рабочий и подписанный как положено. Пытаюсь его стартовать из моего вот такого html:
<!DOCTYPE html>
<...
5
голосов
2
ответа
702
показа
Стандарт допустимых значения href
Помимо абсолютного или относительного пути к ресурсам в <a href="smth">...</a> могут быть еще и специальные ссылки: выполнить джаваскрипт, отправить письмо, запустить программу и т.д. Где ...
5
голосов
1
ответ
103
показа
Как установить 3D pdf на сайт?
Подскажите, как установить 3D pdf модель на сайт? Выглядит примерно так: 3D модель можно двигать курсором в разных направлениях. Сколько искал в инете ничего не нашел, кроме как утилит, которые ...
4
голоса
0
ответов
105
показов
Как скрыть элемент пока не применится нужный шрифт?
В коде ниже, во время загрузки страницы вместо "u" генерируется знак рубля "₽" с нужными стилями. "u" здесь выступает в качестве заглушки и без нее, к сожалению никак.
&...
4
голоса
0
ответов
129
показов
Float элемент в Firefox неправильно отображается
Как исправить неправильное отображение float элемента в фаерфоксе? Пример:
https://codepen.io/Ssivenkov/full/OJRwqvq
В хроме отображается нормально, а в фаерфоксе почему-то появляется пустое ...
4
голоса
2
ответа
2k
показов
margin при адаптивной верстке
Не могу понять одну простую вещь,- в каких единицах нужно задавать размеры отступов(margin и padding) при адаптивной верстке.
Везде вижу разные вещи: одни задают в px другие в % или rem. Как понять, ...
4
голоса
1
ответ
849
показов
Как передать параметр в url по клику?
Ребята, помогите плиз. Мне нужно передавать параметры в url по клику на каждую ссылку. Передать получилось, а вот заменить параметр по клику на другую ссылку, без перезагрузки страницы, не пойму как ...
4
голоса
2
ответа
103
показа
Семантический HTML-тег для отступа стихотворения?
Во всяких печатных книжках стихотворения внутри прозы зачастую выделяют отступом от левого края, примерно так:
Проходя мимо камина, бросила взгляд на стишок в рамке.
Десять негритят решили ...
4
голоса
1
ответ
1k
показов
отключение onclick родителя при нажатии на дочерний элемент
Здравствуйте! Есть код:
<tr name="<?=$arr[$i]['index']?>" onclick="location.href='SMSManager1.php?do=full&index=<?=$i?>'">
<td><?=$arr[$i]['index']?></td>
...
4
голоса
2
ответа
982
показа
Как сделать чтобы контент подгружался только после нажатии на кнопку
Как переделать код, чтобы контент подгружался только после нажатия кнопки? Сейчас контент загружается независимо от нажатия, после нажатия он просто уже показывается. Заранее спасибо с уважением.
Код ...
4
голоса
1
ответ
791
показ
Позиционирование съезжает
В блоке (.result-wrapper) у меня находится сама футболка и блок position: relative. Помимо футболки в нем есть #selming и .example2 с позиционированием absolute и они поверх футболки. Но, когда ...
4
голоса
0
ответов
323
показа
Бесконечная прокрутка таблицы с учетом colspan/rowspan
Как можно реализовать бесконечную прокрутку таблицы с учетом объединенных ячеек?
Необходимо реализовать pivotgrid с большим количеством обрабатываемых данных. Сложность заключается в отрисовке ...
3
голоса
0
ответов
906
показов
Отступы между блоками на flex
Есть следующий макет:
Сверстано так:
.block3_header {
display: flex;
align-items: center;
justify-content: center;
margin-top: 87px;
}
.block3_header span {
font-family: 'Gilroy-Bold';...
3
голоса
1
ответ
53
показа
Как добавить отображение картинки для выбранного элемента во vue-select (можно и не vue-select)?
<v-select :options="options" label="title">
<template slot="option" slot-scope="option">
<img :src="require('@/assets/forms/russia....
3
голоса
0
ответов
41
показ
Кастомный Javascript problem
Я пытаюсь сделать кастомный проблем из open edx. Написал свой Джава апликашин. Теперь пытаюсь его запустить в open edx . Но при нажатии кнопки сабмит показывает ошибку.
Вот код
<h2>Is causal ...
3
голоса
0
ответов
46
показов
Со временем замедляется requestAnimationFrame()
Простой черновик движения и коллизии на JavaScript.
Вначале игры все работает нормально, но спустя секунд 30-40 движения становятся резкими и медленными.
Что не так?
const canvasjs = document....
3
голоса
1
ответ
245
показов
Наложение изображения поверх другого в div
Моя задача заключается в том, чтобы при нажатии на ячейку div, должно появиться меню с различными спрайтами, и при нажатии на соответствующий спрайт, данный спрайт должен наложиться поверх старого ...
3
голоса
0
ответов
609
показов
Рулетка на js html
Есть рулетка, как сделать так, чтобы оно корректно останавливалось? Все перепробовал что знаю, не получилось.
<style>
.roulette-inner img{
width:72px;
height:72px;
margin:2px;
}
....
3
голоса
1
ответ
131
показ
Проблема при генерация PDF с помощью jspdf + canvas,
У меня есть следующий код :
/* Image of page to PDF */
function imageToPdf() {
window.scrollTo(0, 0);
html2canvas( document.querySelector( 'body' ) ).then( canvas => {
var fileSettings = {
...
3
голоса
1
ответ
73
показа
Как сделать так, чтоб правый блок меню с position:sticky не перекрывал header?
По какой-то причине при скролле правый блок в конце прокрутки накладывается на header. Происходит это при уменьшении окна браузера.
1. Маленькое окно браузера
Также этот "эффект" можно ...
3
голоса
1
ответ
189
показов
Расширение chrome, блокировка рекламы
Всем привет, есть код который блокирует рекламу. Скрипт просто скрывает рекламу, но дает рекламе подгрузиться. Мне необходимо сделать так, чтобы реклама была не только невидимой, но и не подгружалась. ...
3
голоса
0
ответов
168
показов
Ретинизация и адаптивность изображений
Всем добрый день.
Проблема следующая:
Есть адаптивный сайт.
В нем блок с картинкой.
По ТЗ необходимо картинки ретинизировать и при этом на каждом вьюпорте (мобила, планшет, десктоп) картинка ...
3
голоса
1
ответ
47
показов
Что нужно для модального окна?
Имеется некая форма для ввода данных и кнопка для отправки этих данных. Если я хочу сделать вывод отправленных данных не на новой странице, а на этой же в модальном окне, значит ли это, что стоит ...
3
голоса
1
ответ
89
показов
Как сделать адаптивный дизайн сайта для телефонов?
Пишу сайт https://onskrer.github.io/YIStroi/ Но на мобильных устройствах он отображается некорректно, контент не во всю ширину экрана. Помогите это исправить пожалуйста, ранее с медиа запросами не ...
3
голоса
2
ответа
427
показов
Меню для каталога
Очень интересует реализация приведённого ниже меню-каталога на bootstrap 4. Может быть кто-то видел такое и есть примеры/готовое решение?
Видел такое меню-каталог на многих сайтах. Обычно оно в ...
3
голоса
1
ответ
89
показов
Сайт не масштабируется на весь экран
Как сделать так, чтобы при открытии на телефоне страница сайта открывалась на весь экран?
Вот так сейчас выглядит мой сайт:
3
голоса
1
ответ
253
показа
Добавление заднего фона, поверх другого
Чтобы было понятнее ссылка на вопрос пред идущий...
Не получается добавить еще 1 background поверх другого на блок
<div class="welcome" id="welcome" >
.welcome,
.welcome__progress {
...
3
голоса
1
ответ
120
показов
Объясните пожалуйста, как максимально эффективно оптимизировать изображения на сайте?
У меня стал актуальным вопрос оптимизации изображений на сайте.
В данный момент я разработал сайт, на котором используется достаточно большое кол-во изображений (Слайдер в шапке, акции, товары).
...
3
голоса
0
ответов
122
показа
Проблема с кроссбраузерностью, на firefox не работает hover после загрузки js
http://maksleskin.ru/temp/
Нашел интересную анимацию, но вот в firefox не работает, то есть анимация работает, но не работает hover, в opera и chrome все нормально. Кода много
(function($) {
/...
3
голоса
1
ответ
143
показа
Как изменить фон сайта из расширения
Html
<p>Укажите цвет фона: <input type="color" name="bg" id="color" value="#262626">
<br><input type="submit" name="submit" value="Применить" id="submit" class="clrbtn">`...
3
голоса
0
ответов
69
показов
Плохо работает jquery.maskedinput
У меня как-то криво работает маска на ввод телефона.
Скорее всего это опять какие-то неполадки из-за webpack, но всё же.
Импорчу сам файл
Потом в index.js пишу вот такой вот код:
И в консоли по ...
3
голоса
0
ответов
71
показ
Video tag не работает в Safari
Вот собственно сам код:
<div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: fixed; z-index: 0; min-width: 100%;height:100%; left: 0px; top: 0px; overflow: hidden; opacity: 1; ...
3
голоса
1
ответ
41
показ
Bootstrap 4 Grids
<div class="col-8">
<a href="#">
<div class="card">
<img class="card-img" src="img.jpg">
</div>
</a>
</div>
<div class="...
3
голоса
1
ответ
89
показов
Табы Javascript
Хочу сделать табы возник вопрос как мне сравнить индексы массивов двух классов чтобы по нужному клику выбирался нужный блок, тут я вписываю это вручную.
var tabLink, tabContent;
tabLink = ...
3
голоса
1
ответ
52
показа
Проблема позиционирование картинки и блоков
Есть картинка и блоки которые должны как бы косаться этой линии, если сделать на одной ширине и все подогнать минусовыми margin то норм, но на больших экранах оно ломается потому что картинка(эта ...
3
голоса
1
ответ
72
показа
Не правильно работает :before в option
Всем привет.
Делаю список стран через select => option. В option добавил :beforeи к ним уже привязал картинку. но отображает не корректно. В остальных браузерах все ок.
<select name="...
3
голоса
0
ответов
81
показ
JS - изменение класса без потери стилей
Есть html страница со списком элементов, который объединяет общий className и, соответственно, привязанные к этому классу стили. Есть ли способ полностью изменить класс элементов, но не потерять ...
3
голоса
1
ответ
101
показ
Помогите пожалуйста с вёрсткой навигационной панели слайдера
Использую slick slider. При выборе слайда или просто прокрутке в секции миниатюр, почему то забрасывает блок с слайдами очень далеко, не могу понять почему, ширина ж вроди как регулируется по кол-ву ...
3
голоса
1
ответ
161
показ
Картинка увеличивается и уменьшается
Как сделать так чтобы картинка не увеличивалась и не уменьшалась когда прибавляешь проценты в браузере. Если увеличивать в браузере или уменьшать страницу чтобы изображение не менялось.
3
голоса
1
ответ
90
показов
Закрытие меню на мобильном javascript
Добрый день, столкнулся с такой проблемой, есть лендинг, на мобильной версии появляется кнопочка при нажатии на которую выпадает меню, но когда я нажимаю на любую ссылку в меню, меню не закрывается, ...
3
голоса
0
ответов
359
показов
Галерея fancybox в слайдах
Необходимо реализовать слайдер (swiper), в котором при нажатии на слайд появляется модальное окно fancybox c галереей изображений (на каждом слайде своя галерея). Код почти готов, не могу сообразить ...