HTML Coding

29,542 questions in this forum

1. Текст с видео внутри

   Здравствуйте. Подскажите пожалуйста как сделать так, чтобы внутри текста было видео с бэкграунда? Примерно как на картинке, но вместо картинки - видео. Сам я не профессиональный верстальщик, просто делаю маленький "абстрактный" сайт для себя (надеюсь это сообщение не отобьет желания помочь). Спасибо.

   Asked by ignatif, December 25, 2015

   0 votes
   2 answers
2. Вспышки при обновлении страницы

   Всем привет. помогите решить проблемы. При обновлении страницы за фоном на милисекунду мерцает белый фон, очень раздражает глаза. Как от этой вспышки избавиться попроще? по ссылке видео снял https://www.youtube.com/watch?v=iqLIyzxdJCc&feature=youtu.be

   Asked by html_user, December 18, 2015

   • вспышка
   0 votes
   8 answers
3. как Вот так сверстать без использования flexBox

   имеется https://ru.bem.info/method/naming-convention/ Если у кого есть представления как сделать вот такой макет, где контент прокручивается а боковое меню фиксированное с прокруточкой... без использования flexBox

   Asked by Daniil Khanin, December 24, 2015

   0 votes
   4 answers
4. Про заголовки (h*)

   Добрый вечер (или день!) Вопрос (надеюсь) простой, а именно: "Как правильно располагать заголовки на странице?" Они должны соблюдать иерархию? (От 1 > 6) Или можно ее нарушать? (Например, раздел сайта с заголовком h2, в нем три блока с заголовками h5) И как дело обстоит в section и article? Как я понимаю, в них используется своя структура заголовков? И последний вопрос. Можно ли использовать заголовок в списке (ul)? Где вместо первого li становится этот самый заголовок.

   Asked by BehemothOz, December 24, 2015

   0 votes
   14 answers
5. границы сдвига элементов при изменении размеров страницы (css)

   Всем привет У меня вопрос - можно ли только с помощью css и html тегов (без привлечения JS) реализовать следующую вещь: есть 2 элемента - один всегда находится слева сверху страницы img.corner_lt { width: 200px; border: 0px; display: block; position: absolute; left: 10px; top: 10px; z-index: 1000; } второй - сверху по центру экрана (div в котором находится текст) div.menu { width: 100%; height: 30px; padding: 15px 0px 15px 0px; border-style: none; display: block; position: absolute; text-align: center; } Когда окно браузера начинает уменьшаться (по ширине), то текст (из div.menu) рано или поздно начинает наползать н…

   Asked by Zhihar, December 24, 2015

   0 votes
   7 answers
6. Перед текстом остается пустое пространство

   Должно отображаться так (без пустого места сверху): http://joxi.ru/KAgZWzJfgE14V2 Проблема: http://joxi.ru/52a5RMeIGELED2 Небольшой комментарий: если на страницу добавить текста, то все сверху будет меньше места. Как можно убрать свободное пространство?

   Asked by srgart, December 25, 2015

   • html
   0 votes
   0 answers
7. Размывается картинка после изменения размера контейнера

   Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?

   Asked by Psychedelic1571, November 17, 2015

   0 votes
   2 answers
8. печать страницы из браузера

   http://imgur.com/a/qXdrG/all 4 колонки это превью хром, 2 колонки это фф другие страницы этого сайта в фф превью нормально выглядят куда смотреть?

   Asked by https, December 23, 2015

   0 votes
   3 answers
9. Косые полосы над и под блоком. Но верхняя почему-то налазит на текст

   [Страница, на которой проблема] [Скриншот] Верхняя полоса почему-то налазит на текст предыдущего блока, хотя нижняя отображена нормально. Что делать? z-index в порядке, а всё равно... На главной странице всё нормально [скриншот], копировал оттуда

   Asked by iBars, December 15, 2015

   0 votes
   3 answers
10. CSS селектор: все ссылки, кроме тех, которые являются картинками

    Необходимо создать селектор, который бы сделал выборку всех тегов <a></a>, кроме тех, которые содержат в себе тег <img></img> Зачем? Хочу сделать на сайте так, чтобы к текстовым ссылкам на файлы прикреплялась иконка в зависимости от расширения файла, код следующий: a[href$='.jpg'] { background: url(images/jpg.png) no-repeat 100%; padding: 0 20px 0 0;}Проблема: иконка jpg.png прикрепляется не только к текстовым ссылкам, но и к картинкам со ссылкой на увеличенную копию картинки, то есть когда структура имеет такой вид: <a href="http://www.site.com/image.jpg"><img src="http://www.site.com/image.jpg"></img></a> Как избежа…

    Asked by Солнцеворот, December 24, 2015

    • тег a
    • сложный селектор
    0 votes
    3 answers
11. нововведения на codepen

    помогите пожалуйста понять как на codepen.io после написания js-скрипта запустить его. обычно у подобных сервисов есть кнопочка run, которая служит для запуска скрипта. но здесь её нет

    Asked by cyklop77, December 24, 2015

    • codepen
    • я сошёл с ума
    0 votes
    12 answers
12. Нужна помощь в поиске ошибки

    Всем привет! https://jsfiddle.net/94716qm3/1/ Нужно после input'а выдавать сообщение об ошибке после потери фокуса.

    Asked by XuLLlHuK, December 24, 2015

    0 votes
    2 answers
13. Используете ли Вы готовые Html-шаблоны верстки?

    Привет всем. Задался таким вопросом,так как пока еще довольно долго верстаю. Реально ли использовать для создания страниц с уникальным дизайном готовые шаблоны по типу этих? Кто-нибудь так делает вообще? Или в итоге еще хуже/дольше будет получаться? Просто как по мне, то гораздо легче/быстрее готовый код через дебаггеры редактировать и пересохранять, чем свой с нуля писать.

    Asked by Nibaluiso, December 23, 2015

    0 votes
    6 answers
14. Формы и масштабирование

    Подскажите, пожалуйста, по использованию форм. Если создать контейнер с заданной высотой и туда вставить форму, то при уменьшении масштаба форма начинает выходить за пределы контейнера. Подскажите, почему так происходит и как с этим бороться? Пример: https://jsfiddle.net/hhrjpjg3/2/. Если уменьшить масштаб, то форма выйдет за рамки бордера. Скриншот проблемы: http://prntscr.com/9hjgqk

    Asked by VIVA, December 23, 2015

    • form
    0 votes
    5 answers
15. Пример работы "в ноутбуке"

    Очень понравилось портфолио в котором в картинке ноутбука размещена картинка разработанного сайта, и при нажатии на сайт появляется полная версия Как это делается? Вот скриншот: То есть именно интересует как поместить картинку в картинку

    Asked by Bava, December 23, 2015

    0 votes
    4 answers
16. Проблема с resize()

    http://vladp.esy.es/ Я не стал сооружать в верстке 3-х колоночный макет из колонок равной высоты, а просто выровнял их через js. Помогите пожалста с проблемой: при изменении размеров окна меняется высота центральной колонки. Я вызываю функцию по событию resize, однако выравнивания не происходит. В js крайне слаб, сам не могу понять.

    Asked by Vlad_P, December 23, 2015

    0 votes
    19 answers
17. style в body, нормально?

    Подскажите если я стили буду держать не в head, а в body, а точнее стили будут и там и там (несколько тегов style), это нормально? не будет считаться ошибкой?

    Asked by CLK, December 22, 2015

    0 votes
    19 answers
18. max-width в Firefox и Chorme внутри таблицы

    Здравствуйте. Заметил такие различия в ff и chome, при применении свойства max-width внутри таблицы. https://jsfiddle.net/fdqzpvxc/1/ Что с этим делать, если есть необходимость всем изображения превышать ширину родителя (max-width:100%)?

    Asked by alex_web64, December 23, 2015

    0 votes
    3 answers
19. input на мобильных устройствах

    Добрый день, Помогите, пожалуйста. На мобильных устройствах при нажатии на input всплывает клавиатура, а само поле ввода увеличивается до конских размеров, сдвигая все остальное: т.е. кроме это поля, по сути, больше ничего не видно. Можно ли сделать так, чтобы при нажатии на input только появлялась клавиатура, а все размеры и масштабы оставались как есть. Спасибо. Иван

    Asked by ivanviar, December 22, 2015

    0 votes
    11 answers
20. Текст выходит за пределы div, footer залезает на текст (2 колонный макет)

    В макете 2 колонки, вставленные в общий контейнер и у каждой float:left. Если поставить свойство height:auto в #content, то обе колонки будут растягиваться под текст при изменении масштаба, однако при среднем масштабе они не будут тянуться до конца контейнера (красный), это можно сделать height:100%, но после этого при увеличении масштаба текст будет вылазить за пределы серой и зеленой колонок. При этом вне зависимости от того, что я делаю с footer, он залезает на текст( https://jsfiddle.net/he2zzh6z/#&togetherjs=5OgHxfnAH5

    Asked by Chaffee, December 20, 2015

    0 votes
    9 answers
21. Стили дизайна сайтов

    Сабж Я например слышал такое, как минималистический стиль. Какие вообще бывают стили? Если можно, с примерами.

    Asked by torsar, December 23, 2015

    0 votes
    2 answers
22. див авто регулирование высоты

    del

    Asked by https, December 23, 2015

    0 votes
    0 answers
23. Как уменьшить размеры шрифтов для Windows Phone?

    Всем привет! Недавно сверстал такую адаптивную страничку: http://word-master.hostifree.ru В браузере вроде бы все хорошо, но попробовал зайти со своей Nokia Lumia 520 (Windows phone, стандартный Internet Explorer) и ужаснулся: размеры шрифтов вообще не соответствуют тем, что прописаны в css - они гораздо больше. Из-за этого вся страница, ес-но, расползается.Пробовал искать в настройках самого браузера что-нибудь запрещающее уменьшение шрифта - там тоже нету.. Вопрос: как заставить мобильный браузер отображать именно те размеры шрифтов, которые я пропишу в самом css? Те, что сейчас отображаются в браузере, гораздо больше прописанных мной (они будто не могут уменьшиться н…

    Asked by Nibaluiso, December 22, 2015

    0 votes
    4 answers
24. Test tools

    Прошу поделиться опытом применения тестирующих программ и ресурсов. Возможно, кто то из экспертов решал задачу анслиза и отбора таких инструментов. Попался недавно на глаза https://applitools.com/Зарегился, прогнал один из своих проектов, получил скриншот мобильного для того браузера в котором открыто окно. Потестить, погонять, наловчится надо отдать 100долл, т как позволяет только один проект в месяц... Если б меня спросили, must have BrowserSync, который позволяет синхронно играться на разных устройствах и разных браузерах, что гораздо динамичнее и удобнее вышеупомянутого инструмента. Пожалуйста, какие есть соображения по инструментам, исходя из личного опыта.

    Asked by seemax, December 23, 2015

    0 votes
    0 answers
25. Анимация CSS3 или JavaScript

    Ребят, подскажите, пожалуйста, есть ли вообще смысл изучать и применять анимирование на CSS3, ведь javascript куда чаще используется для решения данных задач? Да и вообще, в каких случаях целесообразнее использовать CSS3, а когда javascript? Заранее спасибо всем кто обьяснит и поделиться своим опытом с бедненьким неучем!

    Asked by VIVA, December 21, 2015

    0 votes
    14 answers