Вопросы с меткой [html]
HTML, или язык гипертекстовой разметки – это стандартный язык разметки для документов, предназначенных для отображения в веб-браузере. Последняя действующая версия спецификации – HTML5.3. Как правило, используется совместно с каскадными таблицами стилей и клиентскими скриптами. Для динамической генерации HTML-страниц используются различные шаблонизаторы и языки программирования.
1,431
вопрос
111
голосов
6
ответов
70k
показов
Как распарсить HTML в .NET?
Необходимо извлечь все URL из атрибутов href тегов a в HTML странице. Я попробовал воспользоваться регулярными выражениями:
Uri uri = new Uri("http://google.com/search?q=test");
Regex reHref = new ...
53
голоса
9
ответов
62k
показов
Как прижать footer к низу экрана?
Есть основной блок <div class="container"></div> с контентом различной высоты, а под ним размещён футер.
Если контент не достигает всей высоты экрана, нужно чтобы минимальная ...
13
голосов
10
ответов
5k
показов
Книги и учебные материалы по HTML и CSS, а также инструменты вёрстки [дубликат]
Хочу начать изучение HTML и CSS. В интернете находил много сайтов и книг, глаза разбегаются и не знаю что выбрать. Поэтому, прошу посоветовать, с какой книги или сайта лучше всего стоит начать изучать ...
13
голосов
4
ответа
5k
показов
Как прижать блоки друг к другу display: inline-block?
Как прижать блоки друг к другу, убрать отступы между элементами со свойством display: inline-block?
ul {
text-align: center;
}
li {
list-style: none;
display: inline-block;
border:...
14
голосов
4
ответа
21k
показов
Отступы между инлайновыми элементами [дубликат]
Откуда берутся отступы между элементами с display: inline-block; и как их убрать? Отступы нигде не фиксируются:
26
голосов
1
ответ
4k
показов
Круговой процентный прогресс бар
Мне хотелось бы иметь круговой процентный показатель на моем сайте:
В этом случае, см. рисунок, он показывает 75%. Как это может быть сделано?
У меня есть желтый круг в image-file, но может быть ...
10
голосов
1
ответ
5k
показов
Книги и учебные ресурсы по HTML и CSS
Рекомендуемая литература, документация, учебные ресурсы по HTML и CSS
Формат:
Имя Фамилия — «Название книги целиком и полностью», ГГГГ г..
Формат для переведенной литературы:
Имя Фамилия (Name ...
9
голосов
5
ответов
903
показа
Реализация highlight
Нужно реализовать подсветку текста в div при вводе в input без использования сторонних плагинов. В существующем коде надо решить две проблемы:
При замене html перестают работать события на <a ...
6
голосов
2
ответа
5k
показов
Как убрать активный класс с элемента при клике, если он уже имеет этот класс?
Не получается найти ошибку, почему класс не убирается при клике на элемент который уже имеет этот класс
html:
<div class="panel">
<div class="panel-heading"><h4>...
14
голосов
1
ответ
16k
показов
Разделение списка на несколько колонок
Имеется список, пункты которого должны следовать друг за другом по вертикали, а по достижении нижней границы родителя с фиксированной высотой - переноситься в новую колонку.
Реализация с помощью ...
4
голоса
2
ответа
8k
показов
jQuery не обрабатывает созданный элемент.
Добрый день. Создаю Div с помощью jQuery:
$("#main").append("<div id='one'><a href="#">Тест</a></div>");
Однако если вызвать функцию
$('#one a').click(function() {
alert(...
3
голоса
2
ответа
2k
показов
Неправильное отображение текста в блоке div
Нужно чтобы текст, находящийся в блоке div, переносился на новую строку, а не вылезал за пределы блока (именно переносился - overflow:hidden неподойдет), и вообще, почему могла возникнуть такая ...
12
голосов
5
ответов
78k
показов
Стилизация <select> и <option>
Как стилизовать выпадающий список?
.select {
background: url(images/select.png) no-repeat transparent;
background-position: 95% 50%;
border-radius: 5px;
margin-right: 2%;
margin-bottom: 20px;...
7
голосов
2
ответа
22k
показов
Как правильно парсить с помощью AngleSharp?
Всем привет! Много тем уже перечитал похожих, но в них в основном какие-то частности спрашивались. Очень согласен вот с этими словами. Ну, честно говоря, вообще ничего непонятно. Понял, что информация ...
7
голосов
3
ответа
7k
показов
Как в placeholder вставить * красного цвета?
<input type="text" id="reviews_nm" class="input_field" placeholder="Ваше имя*" name="name">
Чтобы знак * был красного цвета?
2
голоса
2
ответа
2k
показов
Как получить информацию из строки json, которая указана в Javascript коде внутри html страницы, используя python3.x?
Всем доброго времени суток.
Есть один код, который парсит html с помощью requests.get.
Далее из полученного html мне необходимо взять json строку ...
<script>
try{
try{
...
15
голосов
2
ответа
19k
показов
Событие изменения содержимого тега
Есть ли событие в JavaScript, возникающее при изменении содержимого тега? Например, при изменении содержимого <div></div>
13
голосов
4
ответа
4k
показов
Как сверстать круг, разделенный на цвета
Нужен наиболее верный способ. Можно для примера разделить круг на 3 сегмента.
41
голос
7
ответов
2k
показов
Как сверстать границу в виде уголков?
Подскажите, как сверстать такой бордер?
23
голоса
3
ответа
5k
показов
Линия до и после текста над картинкой
Я хочу создать линию до и после центрированного заголовка. Линия и текст должны иметь прозрачный фон, чтобы иметь возможность позиционировать их на неодинаковом фоне. Строка не должна быть больше 100% ...
11
голосов
3
ответа
26k
показов
Как правильно добавить события к динамически создаваемым элементам? [дубликат]
Исользую jquery. Мне нужно сделать, чтобы при наведении на любую ссылку в документе, отображалось бы - alert("ссылка").
Изначально, в документе, у меня уже есть одна ссылка - <a>Первая</a>....
8
голосов
5
ответов
20k
показов
Как добавить многоточие после последнего слова в многострочном тексте?
Имеется некий блок с текстом с фиксированной высотой и шириной, и значением overflow: hidden;, то есть если текст не влазит в область он обрезается, нужно добавить многоточие в конец последней видимо ...
3
голоса
3
ответа
1k
показов
Прижать футер к низу страницы
Доброго времени суток, вопрос заезженный. В гугле есть информация , но во всех примерах нужно оборачивать ненужным div блоком. подскажите пожалуйста можно ли обойтись без него. Например есть вот такая ...
26
голосов
3
ответа
9k
показов
Как сделать прозрачный текст?
Мне нужно чтобы была кнопка, в которой текст был как фон (т.е. просто "дырявил блок")
6
голосов
2
ответа
5k
показов
margin-top ребенка - сдвигает родителя - почему?
Вставляю блок, и даю ему margin-top: 50px - и он сдвигает родителя body в данном случае. Почему так происходит?
Если же дать padding-top: - тогда ок все
* {
margin: 0;
padding: 0;
}
...
5
голосов
6
ответов
42k
показов
Как сделать резиновый квадратный DIV css?
Как сделать резиновый квадратный DIV css?
3
голоса
3
ответа
10k
показов
Заполнить точками пустое пространство между словами
Необходимо реализовать оформление, которое выглядит как оглавление в книге:
часть текста на строке прижата влево, часть - вправо, а расстояние между концом левого и началом правого заполняется точками....
2
голоса
1
ответ
153
показа
Настройки игрового поля "Сапер"
не работает prompt()
var game = {
askStandartField: confirm("Стандартные настройки?"),
width: 10,
height: 10,
mineCount: 9,
standartField: (function() {
if (!game.askStandartField) {
...
21
голос
10
ответов
251k
показов
Как убрать обводку при клике на input
При клике и фокусе на элементе input появляется обводка. Как её убрать?
12
голосов
6
ответов
90k
показов
Flexbox item — перенос на новую строку
Есть Flexbox сетка.
.flex {
display: flex;
flex-wrap: wrap;
border: 2px solid red;
}
.item {
width: 50px;
height: 50px;
margin: 5px;
border: 2px solid blue;
}
<div ...
8
голосов
6
ответов
22k
показов
Как удалить все HTML-теги регулярным выражением?
Есть регулярное выражение (\<(/?[^>]+)>), которое оставляет HTML-тэги.
Как наоборот удалить все тэги, оставив только текст?
6
голосов
1
ответ
586
показов
Как сделать круговую диаграмму, зависимую от чекбоксов?
Нужно, что бы диаграмма заполнялась в зависимости от выбранных чекбоксов. Как это можно сделать?
5
голосов
5
ответов
65k
показов
Вопросы вместо русских букв
Здравствуйте.
Начал переводить сайт на русский, но возникла проблема - вопросы вместо русских букв стало показывать. Проблема связана, думаю, с mysql, так как внутри сайта вопросы появляются вместо ...
5
голосов
2
ответа
8k
показов
Почему длинное слово выходит за границы блока?
Почему контент выходит за пределы div'a num-box ?
.num-box {
margin-top: 75px;
position: relative;
width: 80%;
height: 20%;
background-color: antiquewhite;
}
<div class="num-...
1
голос
2
ответа
252
показа
Как сверстать направленный вниз треугольный блок? [дубликат]
Подскажите пожалуйста как верстаются такие блоки?
1
голос
4
ответа
42k
показов
Как вставить иконку в input [дубликат]
Видела подобный вопрос, но ответ дали как вставить изображение. А что на счет иконки, например, с Font Awesome?
Вот как здесь:
http://bashooka.com/wp-content/uploads/2015/10/login-form-ui-designs-44....
1
голос
5
ответов
14k
показов
Как избежать повторной отправки формы при обновлении?
Дело в том, что после отправки пост запроса скрипт принимает отправленные данные, проверяет их на корректность (валидность, заполненность обязательных данных и т.д.) и выдает ответ – либо операция ...
17
голосов
3
ответа
3k
показов
Нестандартные HTML теги
Можно ли самому создавать свои нестандартные HTML-теги? Например <page></page>
13
голосов
1
ответ
3k
показов
Как сделать соединительную линию под наклоном между двумя точками?
Нужно сверстать соединительные линии для таких блоков адаптивно:
Возможно ли в css прописать начало линии в одном relative блоке, а конец в другом? Есть ли такое решение на css или может быть svg? Js ...
13
голосов
4
ответа
2k
показов
Срезанные углы блока
Нужно срезать углы блока так, чтобы фон срезанных частей был прозрачным. Фон будет изображением, так что треугольники не подойдут. При этом нужно, чтобы у всего блока со срезанной частью была рамка, и ...
12
голосов
1
ответ
15k
показов
Правильный способ хранения текста и HTML-кода в базе MySQL
Каким образом необходимо обрабатывать текст и html-код для записи в базу MySQL? Какая схема?
Перерыл интернет, везде совет для записи в базу использовать mysql_real_escape_string(), и больше вроде ...
11
голосов
3
ответа
9k
показов
Как нарисовать простую шахматную доску?
Как нарисовать простую шахматную доску с помощью html/css и javascript?
10
голосов
2
ответа
250
показов
Необычные эффекты stroke-dasharray
Как добиться подобного эффекта заполнения линии, как рисунке ниже
Можно предположить, что здесь использованы два атрибута линии:
stroke-linecap="round" чтобы закруглить концы черточек.
...
9
голосов
2
ответа
26k
показов
Стилизовать input type=range перед ползунком
Здравствуйте! Есть такие стили для слайдера:
input[type=range] {-webkit-appearance: none; margin: 5.8px 0; background-color: transparent !important;}
input[type=range]:focus {outline: none;}
...
4
голоса
4
ответа
926
показов
Как сделать адаптивные блоки по вертикали
Есть блоки у меня они:
Хотелось бы сделать подобие:
Есть ли какой-то способ это сделать я использую Bootstrap.
3
голоса
1
ответ
6k
показов
Убрать opacity у дочерних div'ов?
У меня примерно такой код:
<div id="WWtray">
<div id="WWclock_val">
13:59
</div>
<div/>
Стили:
#WWtray{
position: absolute;
bottom: 0px;
left: 0px;
width: 92%;
height: 35px;
...
3
голоса
1
ответ
2k
показов
Simple HTML DOM Parser найти элемент с двумя классами одновременно
Парсю архив Ленты.ру. Нужно выбрать только новости за день, без категорий,
то есть нужны все div, у которых присутствуют одновременно классы item и news, внутри всех этих div'ов нужно выбрать элемент ...
2
голоса
4
ответа
16k
показов
Копировать текст в буфер обмена js or jquery
Есть блок в который через бекенд передается значение
<div id="tech-inf" class="tech_info" data-help="Select to copy">
{{ pw.account_info_config|tojson }}
как сделать на js или ...
2
голоса
2
ответа
1k
показов
Как сохранить соотношение сторон (aspect ratio) div с помощью CSS
Я хочу создать div, который может изменять свою ширину / высоту при изменении ширины окна.
Существуют ли какие-либо правила CSS3, позволяющие изменять высоту в соответствии с шириной при сохранении ...
2
голоса
1
ответ
127
показов
Не срабатывает функция javascript
Доброго времени! Собствено есть такой код:
window.onload=function(){
$(".hidafi").click(function (el) {
$(el).children("ul").css('display','block');
});
$(".hidafi").children(...