Вопросы с меткой [html]

HTML, или язык гипертекстовой разметки – это стандартный язык разметки для документов, предназначенных для отображения в веб-браузере. Последняя действующая версия спецификации – HTML5.3. Как правило, используется совместно с каскадными таблицами стилей и клиентскими скриптами. Для динамической генерации HTML-страниц используются различные шаблонизаторы и языки программирования.

Фильтрация
Сортировка
Метки
111 голосов
6 ответов
70k показов

Как распарсить HTML в .NET?

Необходимо извлечь все URL из атрибутов href тегов a в HTML странице. Я попробовал воспользоваться регулярными выражениями: Uri uri = new Uri("http://google.com/search?q=test"); Regex reHref = new ...
Kyubey's user avatar
  • 31.9k
53 голоса
9 ответов
62k показов

Как прижать footer к низу экрана?

Есть основной блок <div class="container"></div> с контентом различной высоты, а под ним размещён футер. Если контент не достигает всей высоты экрана, нужно чтобы минимальная ...
Escobar's user avatar
  • 717
13 голосов
10 ответов
5k показов

Книги и учебные материалы по HTML и CSS, а также инструменты вёрстки [дубликат]

Хочу начать изучение HTML и CSS. В интернете находил много сайтов и книг, глаза разбегаются и не знаю что выбрать. Поэтому, прошу посоветовать, с какой книги или сайта лучше всего стоит начать изучать ...
ArniLand's user avatar
  • 1,089
13 голосов
4 ответа
5k показов

Как прижать блоки друг к другу display: inline-block?

Как прижать блоки друг к другу, убрать отступы между элементами со свойством display: inline-block? ul { text-align: center; } li { list-style: none; display: inline-block; border:...
ОнотолЕ's user avatar
14 голосов
4 ответа
21k показов

Отступы между инлайновыми элементами [дубликат]

Откуда берутся отступы между элементами с display: inline-block; и как их убрать? Отступы нигде не фиксируются:
Philin's user avatar
  • 451
26 голосов
1 ответ
4k показов

Круговой процентный прогресс бар

Мне хотелось бы иметь круговой процентный показатель на моем сайте: В этом случае, см. рисунок, он показывает 75%. Как это может быть сделано? У меня есть желтый круг в image-file, но может быть ...
Alexandr_TT's user avatar
10 голосов
1 ответ
5k показов

Книги и учебные ресурсы по HTML и CSS

Рекомендуемая литература, документация, учебные ресурсы по HTML и CSS Формат: Имя Фамилия — «Название книги целиком и полностью», ГГГГ г.. Формат для переведенной литературы: Имя Фамилия (Name ...
user avatar
9 голосов
5 ответов
903 показа

Реализация highlight

Нужно реализовать подсветку текста в div при вводе в input без использования сторонних плагинов. В существующем коде надо решить две проблемы: При замене html перестают работать события на <a ...
Nsk's user avatar
  • 2,758
6 голосов
2 ответа
5k показов

Как убрать активный класс с элемента при клике, если он уже имеет этот класс?

Не получается найти ошибку, почему класс не убирается при клике на элемент который уже имеет этот класс html: <div class="panel"> <div class="panel-heading"><h4>...
dmitriy's user avatar
  • 1,354
14 голосов
1 ответ
16k показов

Разделение списка на несколько колонок

Имеется список, пункты которого должны следовать друг за другом по вертикали, а по достижении нижней границы родителя с фиксированной высотой - переноситься в новую колонку. Реализация с помощью ...
Игорь's user avatar
  • 1,026
4 голоса
2 ответа
8k показов

jQuery не обрабатывает созданный элемент.

Добрый день. Создаю Div с помощью jQuery: $("#main").append("<div id='one'><a href="#">Тест</a></div>"); Однако если вызвать функцию $('#one a').click(function() { alert(...
Viacheslav Soldatov's user avatar
3 голоса
2 ответа
2k показов

Неправильное отображение текста в блоке div

Нужно чтобы текст, находящийся в блоке div, переносился на новую строку, а не вылезал за пределы блока (именно переносился - overflow:hidden неподойдет), и вообще, почему могла возникнуть такая ...
Диман's user avatar
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;...
dariashka's user avatar
  • 199
7 голосов
2 ответа
22k показов

Как правильно парсить с помощью AngleSharp?

Всем привет! Много тем уже перечитал похожих, но в них в основном какие-то частности спрашивались. Очень согласен вот с этими словами. Ну, честно говоря, вообще ничего непонятно. Понял, что информация ...
Alexey  Trushin's user avatar
7 голосов
3 ответа
7k показов

Как в placeholder вставить * красного цвета?

<input type="text" id="reviews_nm" class="input_field" placeholder="Ваше имя*" name="name"> Чтобы знак * был красного цвета?
mace's user avatar
  • 177
2 голоса
2 ответа
2k показов

Как получить информацию из строки json, которая указана в Javascript коде внутри html страницы, используя python3.x?

Всем доброго времени суток. Есть один код, который парсит html с помощью requests.get. Далее из полученного html мне необходимо взять json строку ... <script> try{ try{ ...
S. Stuart's user avatar
  • 135
15 голосов
2 ответа
19k показов

Событие изменения содержимого тега

Есть ли событие в JavaScript, возникающее при изменении содержимого тега? Например, при изменении содержимого <div></div>
LukavskyM's user avatar
  • 517
13 голосов
4 ответа
4k показов

Как сверстать круг, разделенный на цвета

Нужен наиболее верный способ. Можно для примера разделить круг на 3 сегмента.
stiv's user avatar
  • 1,698
41 голос
7 ответов
2k показов

Как сверстать границу в виде уголков?

Подскажите, как сверстать такой бордер?
DDM's user avatar
  • 411
23 голоса
3 ответа
5k показов

Линия до и после текста над картинкой

Я хочу создать линию до и после центрированного заголовка. Линия и текст должны иметь прозрачный фон, чтобы иметь возможность позиционировать их на неодинаковом фоне. Строка не должна быть больше 100% ...
Alexandr_TT's user avatar
11 голосов
3 ответа
26k показов

Как правильно добавить события к динамически создаваемым элементам? [дубликат]

Исользую jquery. Мне нужно сделать, чтобы при наведении на любую ссылку в документе, отображалось бы - alert("ссылка"). Изначально, в документе, у меня уже есть одна ссылка - <a>Первая</a>....
shc345's user avatar
  • 835
8 голосов
5 ответов
20k показов

Как добавить многоточие после последнего слова в многострочном тексте?

Имеется некий блок с текстом с фиксированной высотой и шириной, и значением overflow: hidden;, то есть если текст не влазит в область он обрезается, нужно добавить многоточие в конец последней видимо ...
russell's user avatar
  • 123
3 голоса
3 ответа
1k показов

Прижать футер к низу страницы

Доброго времени суток, вопрос заезженный. В гугле есть информация , но во всех примерах нужно оборачивать ненужным div блоком. подскажите пожалуйста можно ли обойтись без него. Например есть вот такая ...
Дмитрий Бережной's user avatar
26 голосов
3 ответа
9k показов

Как сделать прозрачный текст?

Мне нужно чтобы была кнопка, в которой текст был как фон (т.е. просто "дырявил блок")
user avatar
6 голосов
2 ответа
5k показов

margin-top ребенка - сдвигает родителя - почему?

Вставляю блок, и даю ему margin-top: 50px - и он сдвигает родителя body в данном случае. Почему так происходит? Если же дать padding-top: - тогда ок все * { margin: 0; padding: 0; } ...
user190134's user avatar
  • 2,224
5 голосов
6 ответов
42k показов

Как сделать резиновый квадратный DIV css?

Как сделать резиновый квадратный DIV css?
blogaster's user avatar
  • 339
3 голоса
3 ответа
10k показов

Заполнить точками пустое пространство между словами

Необходимо реализовать оформление, которое выглядит как оглавление в книге: часть текста на строке прижата влево, часть - вправо, а расстояние между концом левого и началом правого заполняется точками....
lexxl's user avatar
  • 5,542
2 голоса
1 ответ
153 показа

Настройки игрового поля "Сапер"

не работает prompt() var game = { askStandartField: confirm("Стандартные настройки?"), width: 10, height: 10, mineCount: 9, standartField: (function() { if (!game.askStandartField) { ...
Fischer Benkovscki's user avatar
21 голос
10 ответов
251k показов

Как убрать обводку при клике на input

При клике и фокусе на элементе input появляется обводка. Как её убрать?
makregistr's user avatar
  • 3,211
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 ...
Yuri's user avatar
  • 15.9k
8 голосов
6 ответов
22k показов

Как удалить все HTML-теги регулярным выражением?

Есть регулярное выражение (\<(/?[^>]+)>), которое оставляет HTML-тэги. Как наоборот удалить все тэги, оставив только текст?
Frontender's user avatar
  • 2,615
6 голосов
1 ответ
586 показов

Как сделать круговую диаграмму, зависимую от чекбоксов?

Нужно, что бы диаграмма заполнялась в зависимости от выбранных чекбоксов. Как это можно сделать?
Aleksandr Krais's user avatar
5 голосов
5 ответов
65k показов

Вопросы вместо русских букв

Здравствуйте. Начал переводить сайт на русский, но возникла проблема - вопросы вместо русских букв стало показывать. Проблема связана, думаю, с mysql, так как внутри сайта вопросы появляются вместо ...
fikos's user avatar
  • 347
5 голосов
2 ответа
8k показов

Почему длинное слово выходит за границы блока?

Почему контент выходит за пределы div'a num-box ? .num-box { margin-top: 75px; position: relative; width: 80%; height: 20%; background-color: antiquewhite; } <div class="num-...
Sergey  Alekseev's user avatar
1 голос
2 ответа
252 показа

Как сверстать направленный вниз треугольный блок? [дубликат]

Подскажите пожалуйста как верстаются такие блоки?
Даша Новикова's user avatar
1 голос
4 ответа
42k показов

Как вставить иконку в input [дубликат]

Видела подобный вопрос, но ответ дали как вставить изображение. А что на счет иконки, например, с Font Awesome? Вот как здесь: http://bashooka.com/wp-content/uploads/2015/10/login-form-ui-designs-44....
Bipa's user avatar
  • 767
1 голос
5 ответов
14k показов

Как избежать повторной отправки формы при обновлении?

Дело в том, что после отправки пост запроса скрипт принимает отправленные данные, проверяет их на корректность (валидность, заполненность обязательных данных и т.д.) и выдает ответ – либо операция ...
Shuhratjon Jumaev's user avatar
17 голосов
3 ответа
3k показов

Нестандартные HTML теги

Можно ли самому создавать свои нестандартные HTML-теги? Например <page></page>
Узбек Баха's user avatar
13 голосов
1 ответ
3k показов

Как сделать соединительную линию под наклоном между двумя точками?

Нужно сверстать соединительные линии для таких блоков адаптивно: Возможно ли в css прописать начало линии в одном relative блоке, а конец в другом? Есть ли такое решение на css или может быть svg? Js ...
kizoso's user avatar
  • 9,313
13 голосов
4 ответа
2k показов

Срезанные углы блока

Нужно срезать углы блока так, чтобы фон срезанных частей был прозрачным. Фон будет изображением, так что треугольники не подойдут. При этом нужно, чтобы у всего блока со срезанной частью была рамка, и ...
Telion's user avatar
  • 1,800
12 голосов
1 ответ
15k показов

Правильный способ хранения текста и HTML-кода в базе MySQL

Каким образом необходимо обрабатывать текст и html-код для записи в базу MySQL? Какая схема? Перерыл интернет, везде совет для записи в базу использовать mysql_real_escape_string(), и больше вроде ...
copenhagen's user avatar
11 голосов
3 ответа
9k показов

Как нарисовать простую шахматную доску?

Как нарисовать простую шахматную доску с помощью html/css и javascript?
Karen Hovhannisyan's user avatar
10 голосов
2 ответа
250 показов

Необычные эффекты stroke-dasharray

Как добиться подобного эффекта заполнения линии, как рисунке ниже Можно предположить, что здесь использованы два атрибута линии: stroke-linecap="round" чтобы закруглить концы черточек. ...
Alexandr_TT's user avatar
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;} ...
Eugen Eray's user avatar
  • 1,196
4 голоса
4 ответа
926 показов

Как сделать адаптивные блоки по вертикали

Есть блоки у меня они: Хотелось бы сделать подобие: Есть ли какой-то способ это сделать я использую Bootstrap.
Sauron's user avatar
  • 917
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; ...
Rules's user avatar
  • 4,946
3 голоса
1 ответ
2k показов

Simple HTML DOM Parser найти элемент с двумя классами одновременно

Парсю архив Ленты.ру. Нужно выбрать только новости за день, без категорий, то есть нужны все div, у которых присутствуют одновременно классы item и news, внутри всех этих div'ов нужно выбрать элемент ...
Капитан Флинт's user avatar
2 голоса
4 ответа
16k показов

Копировать текст в буфер обмена js or jquery

Есть блок в который через бекенд передается значение <div id="tech-inf" class="tech_info" data-help="Select to copy"> {{ pw.account_info_config|tojson }} как сделать на js или ...
Сергій Чуйко's user avatar
2 голоса
2 ответа
1k показов

Как сохранить соотношение сторон (aspect ratio) div с помощью CSS

Я хочу создать div, который может изменять свою ширину / высоту при изменении ширины окна. Существуют ли какие-либо правила CSS3, позволяющие изменять высоту в соответствии с шириной при сохранении ...
Alexandr_TT's user avatar
2 голоса
1 ответ
127 показов

Не срабатывает функция javascript

Доброго времени! Собствено есть такой код: window.onload=function(){ $(".hidafi").click(function (el) { $(el).children("ul").css('display','block'); }); $(".hidafi").children(...
dantelol's user avatar
  • 734