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

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



17
Повноекранний кадр з висотою 100%
Чи підтримується висота iframe = 100% у всіх браузерах? Я використовую doctype як: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Якщо я кажу: <iframe src="xyz.pdf" width="100%" height="100%" /> Я маю на увазі, чи дійсно це займе висоту залишкової сторінки (оскільки є ще один кадр зверху із фіксованою висотою 50 …

17
Як я можу масштабувати вміст iframe?
Як я можу масштабувати вміст iframe (у моєму прикладі це HTML-сторінка, а не спливаюче вікно) на сторінці мого веб-сайту? Наприклад, я хочу вивести вміст, який з’являється у кадрі, на 80% від початкового розміру.
237 html  css  dom 

8
Як встановити поле або прокладку у відсотках від висоти батьківського контейнера?
Я ламав мізки над створенням вертикального вирівнювання в css, використовуючи наступне .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Виконати фрагмент кодуHide resultsРозгорніть фрагмент Хоча це, здавалося, спрацювало в цьому випадку, …

9
Як вказати розриви рядків у багаторядковому макеті флекси?
На цей питання є відповіді на Stack Overflow на російському : елемент Flexbox - перехід на нову строку Чи є спосіб зробити розрив лінії в декількох лініях флексбоксу? Наприклад, для перерви після кожного 3-го елемента в цьому CodePen . .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; …
236 html  css  flexbox 

7
CSS: Як видалити псевдоелементи (після, перед,…)?
Я хотів би використовувати перемикач для компонування тегів абзаців на веб-сторінці. Я використовую псевдоелемент: p:after {content: url("../img/paragraph.gif");} Тепер мені потрібно видалити цей CSS-код зі сторінки. Як це можна зробити легко? Я хочу додати це: jQuery вже використовується на сторінці і я не хочу включати або видаляти файли, що містять CSS.


4
Що таке "Зсув" Висота, Клієнт Висота, ПрокруткаВисота?
Думка пояснити, в чому різниця між offsetHeight, clientHeightі scrollHeightабо offsetWidth, clientWidthі scrollWidth? Треба знати цю різницю, перш ніж працювати на стороні клієнта. Інакше половина їхнього життя буде витрачена на виправлення інтерфейсу користувача. Фіддл або інліній нижче: function whatis(propType) { var mainDiv = document.getElementById("MainDIV"); if (window.sampleDiv == null) { var div …

21
Як сховати елемент за допомогою Twitter Bootstrap і показати його за допомогою jQuery?
Скажімо, я створюю такий елемент HTML, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Як я міг показати та приховати цей елемент HTML від jQuery / Javascript. JavaScript: $(function(){ $("#my-div").show(); }); Результат: (з будь-яким із них). Я хотів би, щоб елементи вище були прихованими. Який найпростіший …



7
Як я можу зробити масштаб SVG з його батьківським контейнером?
Я хочу мати вбудовану шкалу вмісту елемента SVG, коли розмір не є власним. Звичайно, я міг би мати його як окремий файл і масштабувати його так. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Однак я хочу додати додаткові стилі до SVG через CSS, тому зв'язування зовнішнього не …
235 css  html  svg  scaling 

12
Як я можу змінити CSS-стилі Bootstrap?
Мені потрібно змінити, bootstrap.cssщоб відповідати моєму веб-сайту. Я вважаю, що краще створити окремий custom.cssфайл, а не змінювати його bootstrap.cssбезпосередньо. Однією з причин є те, що слід bootstrap.cssотримати оновлення, я буду намагатися повторно включити всі свої модифікації. Я принесу в жертву деякий час завантаження цих стилів, але це незначно для кількох …

9
зміни курсору на вказівник пальця
У мене це є, aі я не знаю, що мені потрібно вставити в "onmouseover", щоб курсор змінився на вказівник пальця, як звичайне посилання: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Я десь прочитав, що мені потрібно поставити: onmouseover="cursor: hand (a pointing hand)" Але це не працює для мене. Плюс я не …
234 html  css  mouseevent 

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