HTML Coding

29,542 questions in this forum

1. Как выполнить проверку input на заполнение?

   Ребятки, есть вот такой вот фрагмент. Есть вот такой код: input:focus + label {display: none} Т.е. когда нажимаешь на input, надпись name исчезает, но стои убрать фокус с формы, надпись появляется снова, причем поверх текста. Получается некая неведомая фигня. Как сделать так, что если в инпуте есть хотя б одна буква, лейбл на нем не появлялся? Пробовал input:not(:empty) + label {display:none;} Но как выяснилось что input всегда empty. И как решить этот вопрос, ума не приложу. 2й день голову ломаю над делеммой.

   Asked by sergei8550, March 29, 2017

   • input
   • input+label
   • проверка input
   0 votes
   3 answers
2. Маркированный список

   Добрый день. Как сделать так, чтобы маркированный список был справа от изображения без обтекания. Сейчас список обтекает картинку вот так: http://cv38564-wordpress.tw1.ru/услуги/ спасибо!

   Asked by Ольга А., March 29, 2017

   • список
   • css
   • редактирование
   0 votes
   1 answer
3. @media screen не работатет

   Помогите с кодом.Первый @media screen работает, а другие 2 нет Скрытый текст @media screen and (min-width: 800px) and (max-width: 1000) { /*От планшета до большого монитора*/ .wrapper{ width: 40%; } .anons p{ font-size: medium; } .anons h2{ font-size: x-large; } .menu{ width: 60%; height: 40px; } .btn a{ font-size: 12px; } .btn{ margin: 0 10px; } .header img{ width: 100%; } .header{ height: 95%; } .anons img{ width: 100%; } .skidkiall{ height: 90%; } .content{ height: 95%; } } @media screen and (min-width:480px) and (max-width: 799px) {…

   Asked by Nikita L, March 29, 2017

   • html
   • css
   0 votes
   4 answers
4. Оффлайн курсы по front-end

   Обнаружил в своем городе курсы по front-end-у, посмотрел их план обучения Скрытый текст 1. Введение в HTML 2. Настройка рабочей среды разработчика 3. Знакомство с CSS 4. CSS селекторы 5. Блочная модель документа (CSS Box Model) 6. GitHub 7. Шрифты в вебе, Font Face 8. Методы сброса стилей браузера: normalize.css и reset.css. Starter 9. Photoshop для Front-end разработчика 10. CSS позиционирование 11. Float 12. Методология БЭМ 13. Как выравнивать в CSS. Padding vs Margin 14. Строим формы 15. CSS сетки …

   Asked by Hasiev, March 29, 2017

   0 votes
   0 answers
5. Эффект перехода по слайдам

   Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.

   Asked by Pikavit, March 28, 2017

   • анимация
   • слайдер
   • слайд
   • javascript
   • css
   0 votes
   2 answers
6. Выравнивание горизонтального меню по центру

   Доброго времени суток, Хотел бы обратиться за помощью, так как ответа на просторах интернета найти не смог. Проблема: есть горизонтальное меню. Состоит из 4 пунктов. После второго пункта идет логотип. Все выравнено по центру. Но так как первые два пункта меню длиннее, чем последние два, логотип находится не по центру. Вопрос: как поместить логотип ровно по центру, сохраняя выравнивание пунктов меню по центру?

   Asked by rodion7195, March 27, 2017

   0 votes
   6 answers
7. перестает работать :hover после клика на чекбокс.

   Ребятки, если не трудно, гляньте пожалуйста кодик. Вот есть блок, по нему мышой ходишь, он реагирует, но после клика по нему ховер перестает работать. Хотелось бы чтоб он на ховер продолжал реагировать даже после клика. Хотя б в какую сторону копать? https://jsfiddle.net/7vsov03o/4/ Знаю что надоел уже, гуглить учусь, но не совсем понимаю как составить правильный запрос в данном вопросе.

   Asked by sergei8550, March 27, 2017

   0 votes
   1 answer
8. Не выравниваются путкты меню по ширине

   Сайт Нашел статью, пробовал вставить пример на сайт, но не вышло - просто обрезался край. А нужно чтобы во всю ширину меню были расположены пункты меню. Видимо какой-то из стилей перекрывает, но не понял что именно.

   Asked by nikki4, March 27, 2017

   0 votes
   6 answers
9. Возможность писать в div как в textarea

   Как сделать без применения js и без textarea, чтоб в блоке div пользователь мог писать текст как в textarea? Использовать только css.

   Asked by sergei8550, March 27, 2017

   0 votes
   3 answers
10. Странное позиционирование блока DIV

    Внутри блока с фиксированной шириной и высотой должны располагаться четыре блока в один ряд. Между ними не должно быть пустое пространство. (margin:0; padding:0; не помогло). Почему блок с классом 'col-4-2' позиционируется относительно нижней границы текста блока с классом 'col-4-1'? Что я делаю неправильно. Вот ссылка на файл: https://jsfiddle.net/ttoliboff/81oL39y3/

    Asked by toliboff, March 27, 2017

    • div
    • display
    • position
    0 votes
    4 answers
11. Не работает css

    Привет всем . Мне понравился дизайн сайта ,я скопировал исходный код html и создал свою копию этого сайта . Я это делаю для того что бы таким образом набраться опыта так как все равно приходиться изменять скопированный код и адаптировать уже под свой веб сайт . Я загрузил свои картинки и т.п немного изменил код ,все работает . Но за исключением проблем с css ,я не могу изменить дизайн из-за того что не понимаю почему скопированный css не работает на моем сайте . Я скопировал css ,положил в папку с моим сайтом и в index .html указал путь к css файлу . В исходном html указан путь к css <link rel="stylesheet" href="http://www.spacex.com/sites/spacex/files/…

    Asked by MrSergey07, March 24, 2017

    0 votes
    7 answers
12. Вопрос по анимированной галерее на css

    Добрый день! Изучаю верстку, сверстал небольшою анимированную галерею. Вот: https://jsfiddle.net/30g214ru/ И столкнулся с такой проблемой - когда я focus-ом открываю изображение - анимация открытия идет поверх общей галереи картинок, но когда я focus снимаю, происходит анимация закрытия открытого изображения.Но происходит она под галереей картинок. Как исправить подобную проблему? И возможно ли это? Я разные варианты с z-index-ом пробовал, ничего не получилось. Проблема в контексте наложения? Но вроде он один в моем коде.

    Asked by Gilgamesh, March 26, 2017

    0 votes
    1 answer
13. Проблема с аудио на сайте

    Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось, вместо проигрывания дальше вместе.

    Asked by Sans, March 26, 2017

    • аудио
    • html
    • сайт
    • javascript
    0 votes
    0 answers
14. Спойлер с плавным открытием

    Здравствуйте есть такая задача, организовать спойлер с плавным открытием. Но при открытии спойлера меняется иконка. Тоесть когда он закрыт одна иконка, при открытии другая(рядом с названием) Есть организовывать при помощи <details> то проблем нет с этой иконкой, там прописываем [open] и все. Все работает как надо... Но как тогда организовать плавное открытие? не корректно работает при помощи jquery и js... он открывается тогда не плавно, а с задержкой... что не правильно..

    Asked by skyline, March 25, 2017

    • спойлер
    0 votes
    5 answers
15. Подскажите как поменять местами строки

    Есть такой код <div> <span>Text 1</span> <span>Text 2</span> <span>Text 3</span> </div> Как поменять первый и второй <span> местами не используя js и не трогая html? Использовать floatы нельзя, с помощью position:absolute на span:nth-child(2) тоже нельзя. Какие еще есть способы? Гугл молчит как партизан.

    Asked by sergei8550, March 18, 2017

    0 votes
    3 answers
16. FlexBox и адаптив

    У меня такой вопрос: Если я сверстал сайт на FlexBox, стоит вообще использовать медиа запросы? Или использования FlexBox достаточно для адаптива?

    Asked by John106, March 24, 2017

    0 votes
    4 answers
17. Отладка сайта на локальном сервере на своём мобильном телефоне возможна?

    Здравствуйте! Скажите, пожалуйста, можно ли отлаживать сайт, расположенный на локальном сервере, с помощью своего мобильного телефона с браузером Хром? Телефон работает на android и подключается к сети через wi-fi

    Asked by borus, March 23, 2017

    0 votes
    8 answers
18. Как вставить Flash игру на сайт?

    <object z-index="7"> <embed width="760px" height="560px" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="Buhf" quality="high" src="ts.swf"> </object> Файл игры скачан и называется "ts". Находится в папке с сайтом. Но вместо игры или просьбы включить flash плеер просто белый квадрат. Flash плеер обновлен. Заранее благодарю!

    Asked by suzeren96, March 24, 2017

    • flash
    0 votes
    0 answers
19. Отображение страницы на retina

    Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верст…

    Asked by babuya, March 14, 2016

    • retina
    • css
    • help
    0 votes
    4 answers
20. Как сделать страницу на подобии Steam магазина

    В общем создаю сайт с приложениями. Имеется страница состоящая из 2 блоков на весь экран. Необходим слайдер скриншотов+текст справа от слайдера которые будут находиться в 1 блоке(верхнем). Наилучшим примером будет страница какого-либо товара в магазине Steam.

    Asked by suzeren96, March 24, 2017

    • слайдер
    0 votes
    0 answers
21. Раскритикуйте вёрстку

    Здравствуйте, посмотрите пожалуйста качество вёрстки http://proba-verstki.xyz/ буду очень благодарен за конструктивную критику. Сайт не адаптивный, но я постарался сделать его кроссбраузерным. P.S. Наверно раздел не тот, но в "обсуждении работ" надо 30 сообщений, которых у меня нет, поэтому решил запостить тут.

    Asked by Oleg90s, March 21, 2017

    • вёрстка
    0 votes
    11 answers
22. не получается аккордеон

    подскажите где ошибка, не срабатывает аккордеон <!DOCTYPE html> <html lang="ru"> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> </head> <body> <div class="panel-group" id="collapse-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#collap…

    Asked by anjel, March 24, 2017

    0 votes
    1 answer
23. какой шрифт отображается на телефонах

    Здравствуйте! Такой вопрос.. Использую на сайте только системные шрифты(поддерживаемые на windows/mac). Сайт адаптируется под разрешения экранов разных телефонов. Есть различия в шрифте. Подскажите, на телефонах ios/ android какой шрифт будет отображаться у сайта?

    Asked by Джулия, March 24, 2017

    0 votes
    0 answers
24. Кто недавно начал работать?

    Сижу... носом пузыри пускаю... срочно нужно выяснить как обстоят дела с работой. Хочу узнать как успехи у недавно окончивших обучение. Есть ли смысл браться за работу? Планирую работать по патенту (или что-то вроде того). https://htmlforum.io/topic/57661-pomogite-vybrat-rabota-po-patentu/

    Asked by autit, March 22, 2017

    • верстка
    • программирование
    0 votes
    2 answers
25. Выпадающий список работает некорректно в конструкторе Платформа ЛП

    Доброго времени суток. Не могу справиться со вставлением кода выпадающего списка html и css в конструктор Платформа LP. Ссылка на страницу http://2cakggi5.plp7.ru/ Код работает без сбоев в браузере и открывается. Но когда вставляю в html-виджет, то список располагается в левом нижнем углу, под блоком виджета. Причём, располагается список сзади всех блоков и при этом поля и текст других блоков наезжают на него. Из за этого на него очень сложно навести курсор и выпадающее поле сразу исчезает, по наведении на него курсора. С JavaScript ещё не знаком. Можно ли подобное решить при помощи css? Как список вывести поверх других блоков? Помогите, кто знает. …

    Asked by O1egP, March 23, 2017

    0 votes
    0 answers