Запитання з тегом «html»

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

2
Чому я не можу відкрити вкладку за допомогою html-кнопки, перебуваючи у веб-магазині Chrome?
У мене є сторінка у моєму фронті з різними кнопками, всі кнопки самостійно працюють прекрасно, але якщо натиснути кнопку, яка відкриє розширення у веб-магазині хрому, а потім натисніть на іншу кнопку, сторінка не відкриється . Ось приклад того, про що я говорю. Якщо ви натискаєте кнопки, не закриваючи вкладки, що …

1
Відобразити інтерактивну графічну графіку (.html файл) на сторінках GitHub
Я створив такий сюжетний сюжет, як цей: import plotly labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen'] values = [4500, 2500, 1053, 500] trace = plotly.graph_objs.Pie(labels=labels, values=values) plotly.offline.plot([trace], filename='basic-pie-chart') Тоді я створив html як такий: print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div')) Запуск коду вище генерує файл .html, який я можу переглядати у своєму браузері. Чи …

3
Збереження позиції прокрутки працює лише тоді, коли не знаходиться в нижній частині повідомлень div
Я намагаюся імітувати інші додатки для чату для мобільних пристроїв, коли, коли ви вибираєте send-messageтекстове поле і воно відкриває віртуальну клавіатуру, все ще переглядається найнижнє повідомлення. Здається, це не дивно зробити це за допомогою CSS, тому JavaScript resize(єдиний спосіб дізнатися, коли клавіатура відкривається та закривається, очевидно) події та ручна прокрутка …

3
Чи працює попереднє завантаження посилань для піддоменів?
Я намагався використовувати щось подібне, щоб підвищити ефективність при натисканні з простої цільової сторінки на важку вагу для однієї сторінки: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch" href="https://example.com/app.js" as="script" /> <link rel="prefetch" href="https://example.com/app.css" as="style" /> Здається, немає помітного підвищення продуктивності, коли моя цільова сторінка знаходиться в субдомені. Скажімо, https://subdomain.example.com. Коли …

11
Не допускати прокручування діва вгору, коли наткнувся на дів під ним?
Я вчора поставив подібне запитання, але пояснив це погано і не вказав на своє бажання чистого CSS рішення, яке, на мою думку, повинно бути можливим, тому я намагаюся знову. В основному, у мене є проблема, де у мене є розділ прокручуваних повідомлень та поле введення під ним. Коли я натискаю …

9
Як зробити <div> точно заповнити вікно браузера, включаючи Mobile Safari станом на 2019 рік
Я працюю над веб-програмою на одній сторінці, яка зазвичай використовується в мобільних пристроях. Однією з його особливостей є режим карти, який тимчасово переймає все вікно браузера; масштаб відстані та деякі елементи керування додаються до чотирьох кутів карти. Ось невеликий знімок карти, щоб ви могли сказати, про що я говорю: Карта …

1
iOS Chrome обчислює неправильну висоту документа
Для того, щоб заповнити всю висоту сторінки, я використовую height: 100%;теги html та body, і вона працює чудово, поки браузер не буде закритий та не відкритий. (Я не використовую 100 ВГт через проблеми на мобільних пристроях https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Кроки до відтворення: Відкрийте https://angelika94.github.io/rick/ в Google Chrome на iPhone (ви …

2
Проблема з "white-space: nowrap" на Chrome 78.0.3904.70
З моменту випуску Chrome v78.0.3904.70 у мене виникають проблеми з використанням &amp;nbsp;властивості CSS white-space: nowrap;. Здається, що нерозривний простір викликає розрив лінії. Під час використання text-overflow: ellipsisфактичний текст не відображатиметься, оскільки він порушений поза контейнером. Здається, це трапляється, якщо текст занадто довгий для відображення. .box-inline { max-width: 120px; overflow: hidden; …

2
Положення липке iPhone мерехтіння
Слідом за невеликим фрагментом мого коду. Просто цікаво знати, чому клітина "iphone" мерехтить лише від iphone. PS. Я не можу використовувати таблицю або список для структури. Я також спробував використовувати transform: translate3d(0,0,0);. В основному мені потрібна перша клітинка, яка буде липкою і для лівих, і для верхніх для iPhone та …
10 html  css 

2
Як відключити натискання кнопки та посилань при натисканні в чистому CSS?
Я поставив перед собою завдання створити візуально динамічний та інтерактивний досвід лише у HTML та CSS (Без Javascript). Поки що я не натрапив на будь-яку потрібну мені функцію, яку не міг зробити в чистому CSS та HTML. Це, мабуть, трохи складніше. Мені потрібно , щоб користувач з подвійного клацання &lt;a&gt;, …
9 html  css 

2
Елемент від фіксованого до відносного на сувій
Я зробив обгортку, в якій я анімував той же ефект, що і Apple на їхній сторінці Airpods Pro . В основному це відео, коли я прокручую відтворення відео потроху. Положення відео виправлено, тому текст добре прокручується по ньому. Однак текст видно лише між зміщенням певного поділу (відображення тексту). Ця частина …

1
Як "завантажити" залежне спадання при завантаженні сторінки?
У мене форма із залежним спадом. Це вторинне випадаюче меню приховується всякий раз, коли вибраний основний параметр не має жодних вторинних параметрів та коли сторінка спочатку завантажується. Щоразу, коли форма подається, видаляється лише перше поле, оскільки більшість часу спадні залишки залишаються однаковими, однак, оскільки сценарій працює, коли відбувається зміна первинного …

5
Використовуючи CSS, як "щільно" вирівняти "A" внизу / кінці "B", де "B" має невідому ширину та обгортання тексту
У мене є "сортована" таблиця, де в заголовку поточно відсортованого стовпця відображається значок: Піктограма сортування повинна відображатися в кінці тексту (тобто ми підтримуємо LTR / RTL). Я зараз використовую display:flex. Однак якщо ширина таблиці зменшується і текст заголовка стовпця починає загортатись, я стикаюся з неоднозначними станами, де не зрозуміло, який …

2
Як зробити маркерну позначку будь-де, де прогресує динамічно
У мене проблема з маркером, я хочу, щоб маркер був розтяжним для позначення в будь-якому місці на смузі прогресу Як показано нижче в GIF Питання: Я хочу вибрати будь-яку точку на панелі прогресу і мати змогу розтягнути маркер, який може бути декількома маркерними точками. Я не знаю, як це зробити …

6
Бічна панель відкрита за замовчуванням на робочому столі, закрита для мобільних пристроїв
У мене виникають реальні проблеми, намагаючись дозволити вміст бічної панелі / навігації (за допомогою Bootstrap) показувати (бути розширеним) за замовчуванням на робочому столі та закрити за замовчуванням на мобільному телефоні та мати значок, який відображається лише на мобільному пристрої. Я не можу зробити так, щоб це спрацювало. &lt;nav class="menu menu-open" …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.