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
-
Bootstrap 3 проблема в мобильном меню
Всем привет! Подскажите пожалуйста, как решить данную проблему? На телефоне раскрыты сразу все пункты подменю внутри самого меню, мне же необходимо, чтобы при открыии меню, пункты навигации у подменю были скрыты, и раскрывались лишь при клике. Как можно решить данную проблему не дублируя код и создания отдельной навигации для телефонной версии?Код вёрстки <!-- MainNav --> <nav class="navbar-collapse collapse" id="mainnav"> <ul class="nav navbar-nav"> <li class="dropdown active"><a href="./">Home</a> <ul class="dropdown-menu"> …
0 votes4 answers -
Фиксированное положение кнопок в мобильной версии сайта
Доброго времени суток! В мобильной версии есть кнопки переключения между слайдами (страницами), но они постоянно по середине страницы. Как сделать что-бы кнопки были фиксированы по середине экрана? Т.е. страницу мотаем кнопки постоянно по середине и видны? Сайт
0 votes3 answers -
Можно ли сделать подложку под iframe?
Есть сайт с видеоконтентом. Стандартный код плеера по умолчанию выводится через iframe на всех страницах сайта в одном и том же месте (по ID материала). Сразу говорю - да, сайт с фильмами, контент пиратский, надеюсь в 21-м веке это никого не удивит. Дальше по теме - бывает так, что у видеобалансера нет моего фильма и соответственно на моем сайте вместо рабочего плеера выводится пустое место. Вопрос: можно ли реализовать подложку под iframe в виде текста, типа "Видео отсутствует" и т.п. Я пытался создать блок div с текстом на темном фоне с размерами равным плееру, но на рабочих фильмах текст "просвечивается наружу" поверх блока iframe. Можно ли реализовать подложку под бл…
0 votes1 answer -
При уменьшении страницы, она не уменьшается!
Я первый раз начал пытатся создавать сайт по макету, и вот кое что получается, я понимаю что много ошибок, но это первый раз! Я остановился, и не могу понять как сделать так чтобы при уменьшении страницы, всё уменьшалось равномерно, у меня когда уменьшаю страницу, просто видно пол страницы! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <title>Document</title> </head> <body> <header&…
0 votes1 answer -
CSS GRID
Привет Гуру верстки... Есть сетка (см. картинку)... Подскажите как сделать такую верстку (grid) где блоки внутри сетки были равными при адаптиве... Кол-во блоков в сетке может быть и 100х100)))... Спасибо за ответ....
0 votes0 answers -
Помогите с созданием таблицы
Я сделал таблицу(верхнее изображение) из неё мне надо сделать другую таблицу(нижнее изображение). Три часа голову ломаю. Не могу это сделать. Вот имеющийся код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Таблица</title> </head> <body> <table border="1"> <tr> <th width="100px" rowspan="2"></th> <th width="400px" colspan="2" height="25px"></th> <th width="100px" rowspan="2"></th> </tr> <tr> <td width="200px" height="25px"></td> <td width="200px" height="25px"…
0 votes3 answers -
Обтекание картинки. Список: картинка + описание.
Ребята хорошие и отзывчивые, привет) есть задача кровь из носу, но я в верстке не алё. Вошли и вышли, приключение на 10 минут. Суть: Необходимо из вот такого http://joxi.ru/YmEvbJOCB1XyL2 сделать такое http://joxi.ru/krDwbJ3Tg7njXA Как, что и куда написать, но МАКСИМАЛЬНО ПРОСТО?
0 votes1 answer -
Якорит ссылка без якоря
Всем привет! Поставили якорь на ссылку, но потом решили его убрать. Однако ссылка все равно якорит, хотя ни в коде ни в строке якоря точно нет. У кого-то такое случалось? Что посоветуете проверить?
0 votes1 answer -
Инструменты для работы с макетом
Photoshop, Tilda. Какие еще есть? Что стоит изучать?
0 votes2 answers -
Анимация картинки при открытии сайта
Как сделалать так, чтоб при открытии сайта всплывала картинка с маленького до большого размера? Как на этом сайте https://kirkorov.ru/
0 votes1 answer -
Вопрос по коду html в тильде!
Господа и дамы, следующий вопрос! у меня есть код: <style> .shirina{ background:none !important; right: 0 !important;left: 0 !important;} .parpadding{padding:0 !important;} .tn-atom .t-form__errorbox-wrapper, .tn-form__errorbox-popup , .t-form-success-popup { z-index: 9999999 !important; } </style> <script> $( document ).ready(function() { var ZeroPopID = '#rec379140540';//ID Zero var PopWindID = '#rec379168284';//ID PopUp окна BF503 $(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID)).parent(".t-popup").addClass("parpadding"); $('a[href^="#popup:opros"]').click(function(e) {e.preventDefault(); …
0 votes0 answers -
Как поместить картинки по горизонтали?
Привет всем! Не получается поместить картинки по горизонтали, искал ответ, не нашел. Надеюсь поможете. Жду. Спасибо!
0 votes2 answers -
Иконки
Добрый вечер друзья! Подскажите пожалуйста, как сделать иконку, чтоб она брала цвет темы сайта, но окрашивалась не вся, а только контуры, а внутри иконки заливки не было? Саму иконку мне отрисовать получилось, а сделать, так чтоб она не заливалась вся цветом , не могу. Может кто знает
0 votes3 answers -
Ограничение по ходам в игре "Виселица"
Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/
0 votes0 answers -
Шапка
Добрый вечер, возможно кому то покажется вопрос глупым, но все же, как тут сделать шапку профиля? Пытался использовать знания пройденного урока, но особо ничего не выходит, всё криво, пробовал выравнивать с помощью "float"...
0 votes1 answer -
Адаптив и стилизиция слайдера splide
Ребята, без вас никуда! Подскажите, пожалуйста, первый раз адаптирую и стилизую слайдер splide. Сам он работает, но как его стилизовать? В dev tools стилизация тех же стрелок отражается, но когда вношу их в css - не работает. Почему так? Как, например, тогда опустить ниже стрелки? Где устанавливать брейкпоинты и задавать им свойства? На сайте splide такая инфа по адаптиву. https://splidejs.com/guides/options/#breakpoints Вот типа того что-то пробую... https://jsfiddle.net/aqmuyhwd/
0 votes0 answers -
GRID CSS
Здравствуйте! Помогите начинающему)) Не могу разобраться с GRID CSS. что не так в коде? gridarea.zip
0 votes1 answer -
Не срабывает display: none в слайдере js
Всем привет! Помогите, пожалуйста, найти ошибку в js. Почему-то не срабатывает display: none когда задумано скрыть первую картинку. btn_next.onclick = function () { images[i].style.display = 'none'; } Весь код здесь https://jsfiddle.net/Lx3qagdp/1/ Заранее спасибо!
0 votes4 answers -
Hover, всплывающий блок внутри блока
https://jsfiddle.net/7gb0chpj/ Чтоб при наведении на block2 всплывал PopUp Block внутри block1. Можно запедалить на чистом css3 без js?
0 votes4 answers -
Как убрать границы background
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Майор Гром</title> </head> <body> <div class="layer"></div> <div> <h1>Бла бла бла</h1> </div> </body> </html> https://imgur.com/a/9w6BqYb Как убрать границы сверху и снизу картинок, только как не пытался, ничего не получается Скрытый текст
0 votes1 answer -
Не подключается css
Здравствуйте, не могу подключить css, либо какая-то другая проблема, подскажите
0 votes2 answers -
Модальное окно не работает
Не работает модальное окно, подскажите пожалуйста в чем может быть причина. <body> <header> <div class="container"> <div class="row"> <div class="col-12"> <h1 class="text-center text-white">************</h1> <div class="itd_play btn btn-primary" data-toggle="modal" data-target="#myModal"> <div class="itd_triangle"></div> </div> <a href="#footer" class="btn…
0 votes1 answer -
Я не знаю как "Это" создать многое перепробовал - не получилось.
Как в верстке создать этот объект?🤔 (Углы по 60 градусов - то есть треугольник равносторонний)
0 votes1 answer -
Позиционирование
Не могу плотно расположить лого сверху. Вот как задумано:
0 votes1 answer -
Как работает "background-size"?
Почему когда я вставляю фон в CSS через свойство background- size и прописываю значения cover у меня картинка обрезается, такого вроде не было. приходится прописывать значение contain, но обхватывает не весь контейнер/страницу
0 votes1 answer