HTML Coding

29542 questions in this forum

1. scss Как организовать коллективную вёрстку?

   Привет форумчане! Раньше работал один и бед не знал в этом плане, но теперь попал в небольшую фирму, где каждый работает сам по себе, нет единого рабочего процесса. Я привык работать через Prepros, он многофункционален и требует минимальных знаний в "компиляторстве". Так вот, я хотел бы продолжить работать с препроцессором вместо чистого CSS, но проблема в том, что стили проекта могут также править и другие мои коллеги, и если они через какой нибудь фтп клиент внесут изменения в файл со стилями на сервере, то я потом не смогу с ним дальше работать, т.к. затру все их изменения. Можно ли как-то выйти из этой ситуации? Как вариант, можно мониторить изменения в…

   Asked by borkafight, March 21, 2017

   • sass
   • вёрстка
   0 votes
   4 answers
2. Необычное горизонтальное меню

   Всем здравствуйте! Собственно такой вопрос: Как сделать адаптивное горизонтальное меню на html и css которое на картинке? Причем при разных разрешений экрана,меню не уходила в сторону от фона. Вообще это возможно?

   Asked by Proxt, March 21, 2017

   • адаптивное горизонтальное меню
   • html и css
   0 votes
   2 answers
3. Как реализовать данный эффект

   Подскажите, с помощью какого плагина реализовать такой эффект выдвижения?

   Asked by black_c, March 22, 2017

   • верстка
   0 votes
   0 answers
4. Размер SVG изображения

   Здравствуйте! Только начинаю знакомиться с SVG форматом для изображения на сайте. Есть, например, логотип, фактический размер на сайте которого равен 200 х 200 пикселей. В случае с png я увеличивал само изображение в два раза для того, чтобы оно красиво смотрелось на ретина дисплеях. Как быть с векторным SVG в таком случае?

   Asked by volshebnyi, January 25, 2019

   0 votes
   1 answer
5. Кто недавно начал работать?

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

   Asked by autit, March 22, 2017

   • верстка
   • программирование
   0 votes
   2 answers
6. Поведение вертикального меню оформленного через списки

   Доброго времени! Я не так давно начал осваивать css и html в качестве хобби.И один момент меня озадачил, с чем прошу и помочь разобраться. Суть - вот есть меню, с подменю, которое динамически появляется при наведении на пункт меню. Оформленно тегами <ul><li></li></ul>. Вот ссылка на код: https://jsfiddle.net/ftgvod1t/ Наводим мышь на пункт "уровень1" и появляется подменю содержащее "уровни2". При этом контейнер <ul> растягивается по высоте (зеленый border). Но стоит в этом же примере задать высоту (width) для пункта меню верхнего уровня "уровень1" (да собственно всем <li> можно высоту задать) - то поведение…

   Asked by Gilgamesh, March 22, 2017

   0 votes
   0 answers
7. Не вмещается Страницы

   Добрых суток Товарищи. Помогите. Есть макет сайта. Пробую сверстать нижнею часть это все ниже начиная от белого фона. Проблема в том что я открывая сайт в интернете(chrome) вижу то, что я свесртал не влезает и скролится влево. Как это исправить. Пробовал max-widht вроде не помогает. Может не правильно применяю...

   Asked by zukko961@gmail.com, April 26, 2017

   • страница
   • помогите
   0 votes
   8 answers
8. Горизонтальное меню из картинок

   Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)

   Asked by Proxt, March 23, 2017

   • меню
   • верстка
   • горизонтальное меню
   • горизонтальное меню из картинок
   • адаптивное
   • html
   • css
   • js
   0 votes
   2 answers
9. Отладка сайта на локальном сервере на своём мобильном телефоне возможна?

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

   Asked by borus, March 23, 2017

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

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

    Asked by O1egP, March 23, 2017

    0 votes
    0 answers
11. Спойлер с плавным открытием

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

    Asked by skyline, March 25, 2017

    • спойлер
    0 votes
    5 answers
12. не получается аккордеон

    подскажите где ошибка, не срабатывает аккордеон <!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
13. какой шрифт отображается на телефонах

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

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

    0 votes
    0 answers
14. Как сделать страницу на подобии Steam магазина

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

    Asked by suzeren96, March 24, 2017

    • слайдер
    0 votes
    0 answers
15. FlexBox и адаптив

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

    Asked by John106, March 24, 2017

    0 votes
    4 answers
16. Не работает 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
17. Как вставить 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
18. Странное позиционирование блока 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
19. Вопрос по анимированной галерее на css

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

    Asked by Gilgamesh, March 26, 2017

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

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

    Asked by Sans, March 26, 2017

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

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

    Asked by rodion7195, March 27, 2017

    0 votes
    6 answers
22. Не выравниваются путкты меню по ширине

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

    Asked by nikki4, March 27, 2017

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

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

    Asked by sergei8550, March 27, 2017

    0 votes
    1 answer
24. Возможность писать в div как в textarea

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

    Asked by sergei8550, March 27, 2017

    0 votes
    3 answers
25. Сохранение пропорций Div при масштабировании

    Здравствуйте. Подскажите пожалуйста как решить такую задачу. Есть несколько div блоков (один под другим). Верхний Div блок содержит картинку, ширина - 100%, высота 600px. Необходимо, чтобы при изменении масштаба (например, при нажатии на CTRL + "+" или CTRL + "-") размер верхнего div блока, где картинка, сохранялся. Прикрепил картинку, чтобы было более понятно. Красным отмечена область, размер которой должен сохраняться при любом изменении масштаба. Спасибо! З.Ы. У меня получалось решить данную проблему, но возникала другая. При изменении масштаба, остальные div блоки налаживались на верхний и получалась каша.

    Asked by volchek, March 28, 2017

    • div
    • масштаб
    • пропорции
    • размер
    0 votes
    5 answers