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

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

13
запретить обновление страницы при нажатии кнопки внутри формы
У меня есть проблема при использовании кнопок внутри формы. Я хочу, чтобы эта кнопка вызывала функцию. Это делает, но с нежелательным результатом, что он обновляет страницу. Мой простой код выглядит так <form method="POST"> <button name="data" onclick="getData()">Click</button> </form> При нажатии на кнопку, функция вызывается с обновленной страницей, которая сбрасывает все мои …
149 javascript  html 

15
Как с помощью CSS установить цвет фона для ширины текста, а не для всего элемента?
Я хочу, чтобы зеленый фон находился сразу за текстом, а не составлял 100% ширины страницы. Вот мой текущий код: h1 { text-align: center; background-color: green; } <h1>The Last Will and Testament of Eric Jones</h1> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент
149 html  css 

24
Вставьте многоточие (…) в тег HTML, если содержимое слишком широкое
У меня есть веб-страница с эластичным макетом, который меняет свою ширину, если размер окна браузера изменяется. В этом макете есть заголовки ( h2), которые будут иметь переменную длину (на самом деле это заголовки блогов, которые я не контролирую). В настоящее время - если они шире окна - они разбиты на …

26
Как не дать длинным словам сломать мой div?
После перехода с TABLE-макета на DIV-макет остается одна общая проблема: ПРОБЛЕМА : вы заполняете свой DIV динамическим текстом, и неизбежно появляется сверхдлинное слово, которое простирается через край столбца div и делает ваш сайт непрофессиональным. РЕТРО-ХОЛДИНГ : Этого никогда не случалось с макетами столов. Ячейка таблицы всегда будет расширяться до ширины …
148 css  layout  html 

7
CSS-ячейка таблицы равной ширины
У меня есть неопределенное количество элементов ячейки таблицы внутри контейнера таблицы. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> Есть ли чистый способ CSS сделать ячейки таблицы равными по ширине, даже если в них есть контент разного размера? Спасибо. Изменить: Наличие максимальной ширины повлечет за собой знание того, сколько ячеек у …
148 html  css  html-table 

18
Как я могу позволить телу прокручивать тело, но держать его неподвижно на месте?
Я пишу страницу, где мне нужна таблица HTML для поддержания заданного размера. Мне нужны заголовки в верхней части таблицы, чтобы они всегда оставались там, но мне также нужно прокручивать тело таблицы независимо от того, сколько строк добавлено в таблицу. Вспомните мини-версию Excel. Это кажется простой задачей, но почти каждое решение, …

1
Тело HTML говорит cz-shortcut-listen = «true» с помощью инструментов разработчика Chrome?
Я тестировал некоторый HTML-код, который я делаю, и во время использования Инструментов разработчика в Google Chrome версии 22.0.1229.94 m я увидел, что у <body>тега есть атрибут cz-shortcut-listen="true"(которого, конечно, нет в моем коде). Что это значит и почему он появляется? (Я попытался найти его в Google, но не нашел ничего релевантного)

12
Как показать Div загрузки страницы, пока страница не закончила загрузку?
У меня есть раздел на нашем сайте, который загружается довольно медленно, так как он делает некоторые интенсивные звонки. Любая идея, как я могу divсказать что-то похожее на «загрузку», чтобы показать, пока страница готовится, а затем исчезает, когда все готово?
148 javascript  jquery  html  dom  loader 

7
Как работает вставка изображения из буфера обмена в Gmail и Google Chrome 12+?
Я заметил сообщение в блоге от Google, в котором упоминается возможность вставлять изображения непосредственно из буфера обмена в сообщение Gmail, если вы используете последнюю версию Chrome. Я попробовал это с моей версией Chrome (12.0.742.91 beta-m), и она прекрасно работает, используя клавиши управления или контекстное меню. Исходя из этого, я должен …


2
Что делает метаатрибут видового экрана сужения по размеру?
У меня проблемы с поиском документации по этому поводу. Это специфично для Safari? В iOS 9 недавно появилась ошибка ( здесь ), решение которой - добавление shrink-to-fit=noв мета области просмотра. Что делает этот код?
148 html  safari  webkit  ios9  viewport 

8
используя href-ссылки внутри тега <option>
У меня есть следующий HTML-код: &lt;select name="forma"&gt; &lt;option value="Home"&gt;Home&lt;/option&gt; &lt;option value="Contact"&gt;Contact&lt;/option&gt; &lt;option value="Sitemap"&gt;Sitemap&lt;/option&gt; &lt;/select&gt; Как я могу сделать значения Home , Contact и Sitemap в качестве ссылок? Я использовал следующий код, и, как я ожидал, он не сработал: &lt;select name="forma"&gt; &lt;option value="Home"&gt;&lt;a href="home.php"&gt;Home&lt;/a&gt;&lt;/option&gt; &lt;option value="Contact"&gt;&lt;a href="contact.php"&gt;Contact&lt;/a&gt;&lt;/option&gt; &lt;option value="Sitemap"&gt;&lt;a href="sitemap.php"&gt;Sitemap&lt;/a&gt;&lt;/option&gt; &lt;/select&gt;
148 html  forms  tags  anchor  option 

13
Добавить горизонтальную полосу прокрутки в таблицу HTML
Есть ли способ добавить горизонтальную полосу прокрутки в таблицу HTML? Мне действительно нужно, чтобы она прокручивалась как по вертикали, так и по горизонтали, в зависимости от того, как растет таблица, но я не могу отобразить ни одну полосу прокрутки.

10
Выровнять элементы flexbox по центру и правому краю
Хотелось бы иметь A Bи Cвыровнять по середине. Как мне Dполностью уйти вправо? ПЕРЕД: ПОСЛЕ: ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to …
148 html  css  flexbox 

13
Как заставить CSS3 закругленные углы скрыть переполнение в Chrome / Opera
Мне нужно закруглить углы родительского элемента div, чтобы замаскировать содержимое от его ребенка. overflow: hiddenработает в простых ситуациях, но ломается в браузерах на основе webkit и в Opera, когда родительский элемент позиционируется относительно или абсолютно. Это работает в Firefox и IE9: CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; …

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