HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Проблема с аудио на сайте
Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось, вместо проигрывания дальше вместе.
0 votes0 answers -
Вопрос по анимированной галерее на css
Добрый день! Изучаю верстку, сверстал небольшою анимированную галерею. Вот: https://jsfiddle.net/30g214ru/ И столкнулся с такой проблемой - когда я focus-ом открываю изображение - анимация открытия идет поверх общей галереи картинок, но когда я focus снимаю, происходит анимация закрытия открытого изображения.Но происходит она под галереей картинок. Как исправить подобную проблему? И возможно ли это? Я разные варианты с z-index-ом пробовал, ничего не получилось. Проблема в контексте наложения? Но вроде он один в моем коде.
0 votes1 answer -
Спойлер с плавным открытием
Здравствуйте есть такая задача, организовать спойлер с плавным открытием. Но при открытии спойлера меняется иконка. Тоесть когда он закрыт одна иконка, при открытии другая(рядом с названием) Есть организовывать при помощи <details> то проблем нет с этой иконкой, там прописываем [open] и все. Все работает как надо... Но как тогда организовать плавное открытие? не корректно работает при помощи jquery и js... он открывается тогда не плавно, а с задержкой... что не правильно..
0 votes5 answers -
Как вставить 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 плеер обновлен. Заранее благодарю!
0 votes0 answers -
Не работает css
Привет всем . Мне понравился дизайн сайта ,я скопировал исходный код html и создал свою копию этого сайта . Я это делаю для того что бы таким образом набраться опыта так как все равно приходиться изменять скопированный код и адаптировать уже под свой веб сайт . Я загрузил свои картинки и т.п немного изменил код ,все работает . Но за исключением проблем с css ,я не могу изменить дизайн из-за того что не понимаю почему скопированный css не работает на моем сайте . Я скопировал css ,положил в папку с моим сайтом и в index .html указал путь к css файлу . В исходном html указан путь к css <link rel="stylesheet" href="http://www.spacex.com/sites/spacex/files/…
0 votes7 answers -
FlexBox и адаптив
У меня такой вопрос: Если я сверстал сайт на FlexBox, стоит вообще использовать медиа запросы? Или использования FlexBox достаточно для адаптива?
0 votes4 answers -
Как сделать страницу на подобии Steam магазина
В общем создаю сайт с приложениями. Имеется страница состоящая из 2 блоков на весь экран. Необходим слайдер скриншотов+текст справа от слайдера которые будут находиться в 1 блоке(верхнем). Наилучшим примером будет страница какого-либо товара в магазине Steam.
0 votes0 answers -
какой шрифт отображается на телефонах
Здравствуйте! Такой вопрос.. Использую на сайте только системные шрифты(поддерживаемые на windows/mac). Сайт адаптируется под разрешения экранов разных телефонов. Есть различия в шрифте. Подскажите, на телефонах ios/ android какой шрифт будет отображаться у сайта?
0 votes0 answers -
не получается аккордеон
подскажите где ошибка, не срабатывает аккордеон <!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…
0 votes1 answer -
Выпадающий список работает некорректно в конструкторе Платформа ЛП
Доброго времени суток. Не могу справиться со вставлением кода выпадающего списка html и css в конструктор Платформа LP. Ссылка на страницу http://2cakggi5.plp7.ru/ Код работает без сбоев в браузере и открывается. Но когда вставляю в html-виджет, то список располагается в левом нижнем углу, под блоком виджета. Причём, располагается список сзади всех блоков и при этом поля и текст других блоков наезжают на него. Из за этого на него очень сложно навести курсор и выпадающее поле сразу исчезает, по наведении на него курсора. С JavaScript ещё не знаком. Можно ли подобное решить при помощи css? Как список вывести поверх других блоков? Помогите, кто знает. …
0 votes0 answers -
Отладка сайта на локальном сервере на своём мобильном телефоне возможна?
Здравствуйте! Скажите, пожалуйста, можно ли отлаживать сайт, расположенный на локальном сервере, с помощью своего мобильного телефона с браузером Хром? Телефон работает на android и подключается к сети через wi-fi
0 votes8 answers -
Горизонтальное меню из картинок
Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)
0 votes2 answers -
Поведение вертикального меню оформленного через списки
Доброго времени! Я не так давно начал осваивать css и html в качестве хобби.И один момент меня озадачил, с чем прошу и помочь разобраться. Суть - вот есть меню, с подменю, которое динамически появляется при наведении на пункт меню. Оформленно тегами <ul><li></li></ul>. Вот ссылка на код: https://jsfiddle.net/ftgvod1t/ Наводим мышь на пункт "уровень1" и появляется подменю содержащее "уровни2". При этом контейнер <ul> растягивается по высоте (зеленый border). Но стоит в этом же примере задать высоту (width) для пункта меню верхнего уровня "уровень1" (да собственно всем <li> можно высоту задать) - то поведение…
0 votes0 answers -
Кто недавно начал работать?
Сижу... носом пузыри пускаю... срочно нужно выяснить как обстоят дела с работой. Хочу узнать как успехи у недавно окончивших обучение. Есть ли смысл браться за работу? Планирую работать по патенту (или что-то вроде того). https://htmlforum.io/topic/57661-pomogite-vybrat-rabota-po-patentu/
0 votes2 answers -
Как реализовать данный эффект
Подскажите, с помощью какого плагина реализовать такой эффект выдвижения?
0 votes0 answers -
Необычное горизонтальное меню
Всем здравствуйте! Собственно такой вопрос: Как сделать адаптивное горизонтальное меню на html и css которое на картинке? Причем при разных разрешений экрана,меню не уходила в сторону от фона. Вообще это возможно?
0 votes2 answers -
scss Как организовать коллективную вёрстку?
Привет форумчане! Раньше работал один и бед не знал в этом плане, но теперь попал в небольшую фирму, где каждый работает сам по себе, нет единого рабочего процесса. Я привык работать через Prepros, он многофункционален и требует минимальных знаний в "компиляторстве". Так вот, я хотел бы продолжить работать с препроцессором вместо чистого CSS, но проблема в том, что стили проекта могут также править и другие мои коллеги, и если они через какой нибудь фтп клиент внесут изменения в файл со стилями на сервере, то я потом не смогу с ним дальше работать, т.к. затру все их изменения. Можно ли как-то выйти из этой ситуации? Как вариант, можно мониторить изменения в…
0 votes4 answers -
На айфонах проваливается меню
Сайт При нажатии на "бутерброд" (меню) - на андроидах все ОК, а вот на 6 и 7 айфоне смотрели - говорят, что меню перекрывается баннером/контентом. В чем дело?
0 votes1 answer -
Как сверстать такой блок?
Подскажите, как сверстать такой блок с использованием Bootstrap?
0 votes2 answers -
Раскритикуйте вёрстку
Здравствуйте, посмотрите пожалуйста качество вёрстки http://proba-verstki.xyz/ буду очень благодарен за конструктивную критику. Сайт не адаптивный, но я постарался сделать его кроссбраузерным. P.S. Наверно раздел не тот, но в "обсуждении работ" надо 30 сообщений, которых у меня нет, поэтому решил запостить тут.
0 votes11 answers -
Выравнивание input
Всем привет! Сейчас делаю разметку блока для мобильной версии и не могу выровнять (растянуть) инпут как на макете. Код блока такой https://codepen.io/Schamil74/pen/GWQLbQ Отрывоке макета приложил. Здесь нужен вариант выравнивания инпутов, типо margin-right: 0. А вот как их растянуть до текста не догоняю))))
0 votes4 answers -
bootstrap Переключение слайдов BOOTSTRAP Carousel по клике по тексту
Здравствуйте дамы и господа!) У меня к Вам такой вопрос, как можно правильно реализовать следующее: Мне нужно, чтобы при клике на строку/слово в тексте, галерея BOOTSTRAP Galerey переключалась на требуемый слайд и у слова, связанного с активным слайдов появлялось выделение в виде смены цвета текста, и подчеркиванием. Так же мне нужно, чтобы это работало и было связано с автоматической сменой слайдов. Т.е. слайды к примеру менялись бы каждые секунд 5-ть, при этом слова в тексте автоматически бы выделялись в зависимости от активного слайда. К примеру текст такой: И такая галерея: <div class="col-xs-12 col-sm-12 col-lg-offset-1 col-lg-4 car…
0 votes2 answers -
Подскажите как поменять местами строки
Есть такой код <div> <span>Text 1</span> <span>Text 2</span> <span>Text 3</span> </div> Как поменять первый и второй <span> местами не используя js и не трогая html? Использовать floatы нельзя, с помощью position:absolute на span:nth-child(2) тоже нельзя. Какие еще есть способы? Гугл молчит как партизан.
0 votes3 answers -
Создания сайтов одностраничников
У меня у мамы есть парикмахерская, а также она занимается созданием игрушек. Хочу сделать 2 одностраничных сайта на которые можно будет заходить. — Вопросы: 1) Нужно ли мне покупать хостинг и если нужно то какой брать чтобы забросить туда 2 одностраничника (совсем не знаком с выплевыванием сайтов во всемирную сеть) 2) Или лучше кинуть на бесплатных хостинг (щас пользуюсь bitballoon), но мне бы хотелось дальше развиваться в сайтостроении. Да и хостинги вроде ~1000 рублей в год. 3) Подскажите места с psd макетами которые можно использовать и не получить предъяв за авторские права. заранее спасибо — Простите если создал тему не там.
0 votes4 answers -
Не работает вертикальный скрол на странице
Ув. форумчане! Искренне надеюсь на вашу помощь в решении не самой сложной проблемы. На некоторых мобильных устройствах не работает вертикальный скрол странички. На пк все работает (если уменьшить ширину браузера), не работает именно на мобильных устройствах. Самостоятельно решить проблему не удалось, гугл не помог. Ссылка https://test.5shoes.com.ua/3/index.html Если у вас помещается вся страница на экране, то нажмите *контакты* там точно ничего не будет работать =) Заранее спасибо за помощь! Всем добра.
0 votes1 answer