Вопросы с тегом «html»

HTML (HyperText Markup Language) является основным языком разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы, касающиеся HTML, должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется один и часто в паре с [CSS] и [javascript].

3
Применить стиль к ячейкам первой строки
Это должно быть очень просто, но я не могу понять. У меня есть такая таблица: <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4 </td></tr> </table> Я хочу, чтобы tdтеги первой trстроки имели vertical-align. Но не второй ряд. .category_table td{ vertical-align:top; }

2
Websocket onerror - как прочитать описание ошибки?
Некоторое время я занимался разработкой браузерной многопользовательской игры и тестировал доступность различных портов в различных средах (офис клиента, общедоступный Wi-Fi и т. Д.). Все идет хорошо, кроме одного: я не могу понять, как читать ошибку №. или описание при получении события onerror. Клиентский веб-сокет выполнен на javascript. Например: // Init …

3
Получение двоичных (base64) данных из HTML5 Canvas (readAsBinaryString)
Есть ли способ прочитать содержимое холста HTML как двоичные данные? На данный момент у меня есть следующий HTML-код для отображения входного файла и холста под ним: <p><button id="myButton" type="button">Get Image Content</button></p> <p>Input:<input id="fileInput" type="file"/></p> <p>Canvas<canvas id="myCanvas" width="578" height="200"/></p> Затем я настроил свой входной файл, чтобы правильно настроить холст, который отлично …

4
Выходные данные загрузчика файлов Webpack [объектный модуль]
Я использую веб-пакет с HtmlWebpackPlugin, html-loaderи file-loader. У меня есть простая структура проекта, в которой я использую не фреймворки, а только машинопись. Таким образом, я пишу свой HTML-код непосредственно в index.html. Я также использую этот HTML-файл в качестве шаблона в HtmlWebpackPlugin. Как и все веб-сайты, мне нужно поместить изображение, которое …

4
Центрируйте DIV неравномерно, используя CSS
Я центрирую DIV внутри другого DIV, используя flexbox. Подумайте о диалоговом окне, которое появляется в центре экрана при необходимости. Это работает нормально, однако выглядело бы намного лучше, если бы пространство над и под диалоговым окном было не совсем одинаковым, с 40% оставшегося пространства над и 60% под диалоговым окном. Это …
23 html  css  flexbox  centering 

10
Как убрать странные промежутки между тремя элементами, имеющими одинаковый цвет фона?
Я уже давно борюсь с этой проблемой. Эту проблему можно увидеть на мобильных устройствах (Android и iOS), некоторые устройства могут быть немного увеличены. На ПК я также могу воспроизвести эту ошибку в браузере Chrome при переключении в мобильный режим. Ниже приведен код, используемый для воспроизведения ошибки: <!DOCTYPE html> <html lang="en"> …
23 html  css 

5
Как сравнить 2 фрейма и визуально получить разницу?
Случай : У меня есть 2 iframe, и у обоих есть много div и других элементов управления, поэтому оба iframe похожи на HTML-сайты среднего размера. Я хочу сравнить оба и выяснить различия. Я думал разные варианты здесь: Решение 1: Сделайте полный скриншот из 2 iframes и сравните оба скриншота, используя …

5
Как получить выделенную текстовую позицию из текстовой области в JavaScript?
Я хочу, чтобы получить выделенную позицию текста с помощью JavaScript. Например, у меня есть простая текстовая область. #input-text { resize: none; width: 50%; height: 50px; margin: 1rem auto; } <textarea id="input-text">I am a student and I want to become a good person</textarea> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент В моей текстовой …
20 javascript  html 

7
Удалить ранее установленный цвет границы
function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor = "red"; return false; } if (password == "") { document.getElementById("message").innerHTML = "PASSWORD CANNOT BE EMPTY"; document.getElementById("password").style.borderColor = "red"; return false; } } #username:focus { background-color: yellow; …
20 javascript  html  css 

8
Как я могу доказать, что две HTML-страницы выглядят одинаково?
Например, у меня есть это: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент и это: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> <div style="text-indent: 8ch">mars</div> <br/> <div …
19 html  css  acid3 

5
Не разрешать горизонтальную прокрутку при вертикальной прокрутке (и наоборот)
У меня есть список, с overflow-xи overflow-yустановлен в auto. Кроме того, я настроил прокрутку импульса, поэтому сенсорная прокрутка прекрасно работает на мобильных устройствах webkit-overflow-scrolling: true. Однако проблема в том, что я не могу понять, как отключить горизонтальную прокрутку при вертикальной прокрутке. Это приводит к очень плохому пользовательскому восприятию, поскольку перемещение …

10
Создание элементов одинакового размера с переносом
Я пытаюсь создать систему меню с изображением и текстом выше и ниже. Данные являются динамическими. Я хочу, чтобы система меню появилась так, чтобы каждое изображение было на одинаковом расстоянии друг от друга, чтобы они выстраивались в сетку изображений как по горизонтали, так и по вертикали. Проблема в тексте. Если текст …
17 html  css  flexbox 

2
Как создать пунктирные круги с равномерным интервалом?
Я хотел сделать пунктирный круг с помощью CSS и создал его следующим образом. Хотя этот процесс может отображать пунктирную окружность, промежуток между концом и началом пунктирной линии стал узким, и разрыв не был равномерным. .c { width: 500px; height: 500px; border-width: 15px; border-style: dashed; border-radius: 600px; } <div class="c"></div> Выполнить …
16 javascript  html  css 

8
Как выбрать несколько ячеек, используя Ctrl + клик
У меня есть таблица с номерами. Когда я нажимаю на ячейку в таблице, она переключает активное состояние. Я хочу выбрать одну ячейку и нажать crtl и выбрать другую ячейку, и в результате ячейки между первой и второй станут активными. Как это реализовать? codepen https://codepen.io/geeny273/pen/GRJXBQP <div id="grid"> <div class="cell">1</div> <div class="cell">2</div> …
16 javascript  html  css 

3
Как создать многоуровневый выпадающий список и связать его с данными, поступающими с сервера
Я очень новичок в Angular. У меня есть работа над Angular. Мне нужно связать Nested выпадающий список для Jsonданных, поступающих с сервера, вызвав Rest Api. Данные имеют один атрибут LgLevel, Определяет уровень в иерархии группы. Родитель будет иметь level=0, Immediate Child=1, Grandchild=2и так далее. Childи Grandchildимеет ParentLocationGroupполе, которое показывает, в …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.