Вопросы с меткой [html]
HTML, или язык гипертекстовой разметки – это стандартный язык разметки для документов, предназначенных для отображения в веб-браузере. Последняя действующая версия спецификации – HTML5.3. Как правило, используется совместно с каскадными таблицами стилей и клиентскими скриптами. Для динамической генерации HTML-страниц используются различные шаблонизаторы и языки программирования.
35,468
вопросов
109
голосов
6
ответов
69k
показов
Как распарсить HTML в .NET?
Необходимо извлечь все URL из атрибутов href тегов a в HTML странице. Я попробовал воспользоваться регулярными выражениями:
Uri uri = new Uri("http://google.com/search?q=test");
Regex reHref = new ...
53
голоса
9
ответов
57k
показов
Как прижать footer к низу экрана?
Есть основной блок <div class="container"></div> с контентом различной высоты, а под ним размещён футер.
Если контент не достигает всей высоты экрана, нужно чтобы минимальная ...
49
голосов
1
ответ
10k
показов
Верстка под ретину -- как определять плотность пикселя?
Это вопрос из прошлого и поставлен он был несколько странно. Но ответ ниже более чем актуален.
Перелопатив с десяток статей я начал осознавать, что ppi - большая палка в колеса. Как с ним бороться, ...
40
голосов
7
ответов
2k
показов
Как сверстать границу в виде уголков?
Подскажите, как сверстать такой бордер?
32
голоса
4
ответа
2k
показов
Выполнить html, css, js написанные в textarea
Как можно сделать простой скрипт?
Например: три колонки где можно вводить код, html, css, js и четвертая колонка, где выводится результат.
Для тестирования html, css, js, подобно тому, что есть на ...
30
голосов
5
ответов
2k
показов
Хаотичное движение букв, складывающихся в слово
Как реализовать хаотичное движение букв, которые на финише складываются в слово.
В начале процесса слово, как единое целое находится на экране. Затем оно распадается на буквы, которые начинают ...
30
голосов
1
ответ
896
показов
Как сделать выравнивание текста по наклонной линии?
Даже примера кода нету : так как в голову не приходит как сделать
Гуру CSS3 как такое реализовать ?
Источник
Нашёл интересный вариант решение Пример
Вопрос задал на SO
Решение нашлось на SO
...
28
голосов
3
ответа
2k
показов
Можно ли весь сайт делать на svg?
Что если html-верстку сайта сделать только с svg изображениями, вместо стандартных img или png, не будет никаких проблем? Кроссбраузерность и прочее?
27
голосов
6
ответов
1k
показов
Можно ли контенту псевдоэлемета css задать повторение?
Допустим, есть код:
div {
position: relative;
background: blueviolet;
height:100px;
}
div:before {
content: 'продано';
color: white;
}
<div></div>
Хочу ...
27
голосов
2
ответа
2k
показов
Как сделать необычную рамку при наведении на элемент?
Как лучше реализовать такую рамку при наведении на элемент?
26
голосов
5
ответов
9k
показов
column-count и перенос блоков. Нюанс с column-count
Здравствуйте! Имеется контейнер .block, в котором размещены три блока .item-block. Контейнер необходимо разделить на две колонки, в первой из них будут два первых блока, во второй - соответственно, ...
26
голосов
3
ответа
9k
показов
Как сделать прозрачный текст?
Мне нужно чтобы была кнопка, в которой текст был как фон (т.е. просто "дырявил блок")
26
голосов
1
ответ
4k
показов
Круговой процентный прогресс бар
Мне хотелось бы иметь круговой процентный показатель на моем сайте:
В этом случае, см. рисунок, он показывает 75%. Как это может быть сделано?
У меня есть желтый круг в image-file, но может быть ...
25
голосов
1
ответ
516
показов
Анимация пешеходных и других маршрутов на растровой карте
Возникла идея, как сделать анимацию похода с семьей в ТЮЗ г. Санкт-Петербурга, допустим для жителей Ленинградской области. Чтобы реализовать анимацию нескольких маршрутов.
Маршрут движения будет на ...
25
голосов
1
ответ
345
показов
Заполнение объекта водой
Как сделать чтобы вода в этом примере https://jsfiddle.net/wsygj8q4/2/
обтекала бутылку, а не накладывалась на нее?
.body {
width: 149px;
height: 706px;
background-image: url("http://...
24
голоса
6
ответов
49k
показов
Нарисовать круг, используя только CSS
Можно ли нарисовать круг, который будет отображаться в большинстве браузеров (IE, Mozilla, Safari), используя только CSS?
Перевод вопроса: Draw Circle using css alone
24
голоса
2
ответа
4k
показов
Как узнать что изменило HTML элемент?
При клике на одну из кнопок на сайте исчезает другая кнопка. (display:none)
Так не должно быть, и не могу найти код где это делается!
В консоли Google Chrome и Mozzila Firefox не нашел...
Проект ...
24
голоса
1
ответ
514
показов
Анимация персонажа улитки
У меня есть, вот такая картинка симпатичного семейства улиток - 🐌
Хочется сделать анимацию движения улиток, плюс к этому анимацию тела улитки, её усиков, глаз.
Понятно, что нужно искать ...
23
голоса
4
ответа
1k
показов
Как нарисовать автомобиль с помощью команд SVG
Ниже изображение автомобиля в формате PNG.
Я хочу сделать анимацию движения автомобиля вдоль какой-нибудь траектории. Желательно, чтобы колёса автомобиля вращались. Я понимаю, что для этого ...
23
голоса
3
ответа
5k
показов
Линия до и после текста над картинкой
Я хочу создать линию до и после центрированного заголовка. Линия и текст должны иметь прозрачный фон, чтобы иметь возможность позиционировать их на неодинаковом фоне. Строка не должна быть больше 100% ...
22
голоса
4
ответа
457
показов
верстка 6-угольников
Подскажите, кто знает как это сверстать? В интернете мало инфы по этому поводу. Спасибо)
21
голос
5
ответов
4k
показов
Как сделать адаптивный svg?
Необходимо сделать адаптивный SVG.
Как сделать так, чтобы при изменении размеров изображения (или viewport-а), дочерние элементы SVG перемещались и перестраивались (как в адаптивной вёрстке HTML).
...
21
голос
2
ответа
864
показа
Как вызвать иконку загрузки в браузере?
У меня сайт на ajax, при переходе по страницам надо бы вызывать индекацию, говорящую о загрузке.
Просто всплывающие окошко на сайте вызывает какое-то отторжение, тогда я и подумал, что можно ...
20
голосов
10
ответов
241k
показов
Как убрать обводку при клике на input
При клике и фокусе на элементе input появляется обводка. Как её убрать?
19
голосов
3
ответа
313
показов
Как сделать эффект трещины у текста
Данный Q-A является продолжением прошлого(стилизация текста SVG).
В этом Q-A(Question-Answer) мы рассмотрим Crack effect, ниже будут приведены примеры этого эффекта, всего их будет 3 штуки.
Первый ...
19
голосов
2
ответа
833
показа
Доступ к комментариям HTML
Есть ли какая-то возможность взаимодействия с HTML комментариями посредствам JS?
<div><!--Камент-->простотекст</div>
P.s. не надо говорить, что лучше использовать display:none. Мне ...
19
голосов
4
ответа
1k
показов
Как лучше сделать виджет погоды?
В голове есть несколько вариантов:
1) Есть контейнер, в который используя jquery всё грузится:
<script src="http://example.com/weather/script.js" type="text/javascript"></script>
<div ...
17
голосов
3
ответа
2k
показов
Как в CSS сверстать неровную фигуру?
Нужно сверстать вот такую фигуру, но не знаю как правильно это сделать. Делал квадрат и через before добавлял обрезанный border, но на разных разрешениях экранов он как будто "отклеивался".
17
голосов
3
ответа
3k
показов
Нестандартные HTML теги
Можно ли самому создавать свои нестандартные HTML-теги? Например <page></page>
17
голосов
7
ответов
42k
показов
Чем можно победить input:-webkit-autofill?
Дефолтный стиль хрома не позволяет изменить бэкграунд автоматически заполненного поля. В чем кроется сия загвоздка, может кто знает?
17
голосов
5
ответов
21k
показов
Вывод текста: использовать echo или нет?
При создании любого сайта обязательно используется HTML код, для построения блоков и вообще построения сайта.
И часто этот код находиться в PHP-файле, так как нет смысла его выносить в отдельный файл,...
17
голосов
3
ответа
357
показов
Настройки безопасности блокируют подписанный апплет запущеный через Javascript
Имеется подписанный апплет. Запускается таким образом через HTML и работает:
<!DOCTYPE html>
<html>
<head>
<title>Applet-Test</title>
</head>
<body>
<...
16
голосов
5
ответов
8k
показов
Как нарисовать сектор круга в CSS?
Нарисовать круг с чистым CSS легко.
.circle {
width: 100px;
height: 100px;
border-radius: 100px;
border: 3px solid black;
background-color: green;
}
А как нарисовать сектор? ...
16
голосов
5
ответов
2k
показов
Как создать круглый эффект огня при наведении
Наткнулся на сайте Хоббита на такой прелестный эффект, который я обычно встречал в играх.
Есть два блока, левый и правый (добро и зло):
При наведении на один из этих блоков создается внутри огненное ...
16
голосов
7
ответов
2k
показов
Анимированное солнце со спутником вращающимся по орбите
У меня задача анимировать солнце.
Нужно, чтобы были всполохи и небольшие лучики. Лучики должны гореть, как пламя и медленно вращаться.
Технологии могут быть любые: SVG, SMIL, JavaScript, CSS, Canvas, ...
16
голосов
6
ответов
107k
показов
Убрать стрелочки с <input type="number">
Есть input с типом number и при наведении на него появляются такие стрелочки:
<input type="number" step="1" min="1" max="27" id="num_count" name="quantity" value="1" title="Кол." class="input-text ...
16
голосов
2
ответа
708
показов
Нужно ли валидировать данные на стороне сервера, если поля ввода итак уже выполняют эту функцию?
У меня всего два поля: имя пользователя и email. Правила валидации очень простые: имя 1-255 символов и email в соответствии с регулярным выражением; оба поля обязательные. Всё это можно достичь на ...
16
голосов
1
ответ
329
показов
Имитация бегущей зеленой строки на монохромном экране
Как сделать имитацию зеленой бегущей строки на монохромном экране, как было до появления цветных дисплеев и современных ОС.
15
голосов
3
ответа
1k
показов
Создайте дизайн молнии
Я пытаюсь воссоздать символ молнии от "The Flash (DC Comics)" (или знак на футболке, которую носит Sheldon Cooper из "The Big Bang Theory" ) в CSS.
Этот символ будет действовать, как система ...
15
голосов
2
ответа
18k
показов
Событие изменения содержимого тега
Есть ли событие в JavaScript, возникающее при изменении содержимого тега? Например, при изменении содержимого <div></div>
15
голосов
2
ответа
408
показов
Правило написания html-тега
Вопрос звучит странно, я сейчас все объясню.
Вот смотрите вы можете писать теги которые определены стандартом например: <html>,<head>,<body>,<div>,<table>,<span> ...
15
голосов
3
ответа
2k
показов
Плавная смена (Анимация) Svg Path D координат
Здравствуйте!
Есть svg path с координатами:
M 8,21 L 12,21 L 17,26 L 17,10 L 12,15 L 8,15 L 8,21 z M 19,14 L 19,22 C 20.48,21.32 21.5,19.77 21.5,18 C 21.5,16.26 20.48,14.74 19,14 z M 19,11.29 C 21....
15
голосов
2
ответа
1k
показов
Морфинг иконки внутри кнопки svg
Интересно было бы использовать тему плавного морфинга, то есть изменения контуров одной фигуры в контуры другой фигуры в svg кнопках.
Дизайн следующий. В начальном состоянии кнопка имеет иконку - ...
15
голосов
1
ответ
197
показов
Можно ли в img внутри alt="" сделать зачеркнутый текст?
Можно ли в img внутри alt="" сделать зачеркнутый текст?
Почему-то думала, что в alt и title используется markdown, но две подряд тильды желаемого не дают:
<img src="img/slider.jpg" alt="Наш ...
15
голосов
1
ответ
451
показ
IE убирает границы ячеек при печати нескольких страниц
При попытке распечатать таблицу, сгенерированную через phpExcel, IE игнорирует любые стили и границы, при переходе на следующую страницу.
При выводе в браузер - все отображается корректно, а при ...
14
голосов
11
ответов
40k
показов
Нарисовать галочку средствами CSS
Можете подсказать, как нарисовать в CSS такую галочку(нужно именно нарисовать, а не вставить картинкой)?
14
голосов
7
ответов
1k
показов
Три цвета фона расположенные под углом
Как мне получить фон, похожий на этот образ:
Только 3 цвета, которые идут от верхнего угла, как солнечный луч.
Может быть, лучше использовать простой PNG или SVG для фонового ...
14
голосов
2
ответа
2k
показов
Ограничить движение объекта в границах определённой формы
Предлагаю использовать этот вопрос как некий конкурс, далее выделю 500рп тому, чей ответ наберёт большее кол-во голосов "за".
Условие
Есть код, который позволяет передвигать блок определённых ...
14
голосов
2
ответа
1k
показов
Анимация маршрутов самолётов на растровой карте
Довольно просто найти карты стран, городов, аэропортов в растровом формате, но довольно проблематично отыскать или нарисовать самому в векторном формате, тоже самое в svg.
Например,- у меня есть ...
14
голосов
2
ответа
839
показов
Анимация желе с SVG
Есть такой элемент SVG.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="300" viewBox="0 0 500 500">
<g opacity="0.8"&...