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 votes3 answers
-
0 votes1 answer
-
0 votes1 answer
-
0 votes1 answer
29,485 questions in this forum
-
Как убрать отступ body
Начал верстать шаблон и сразу же непонятный момент. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> …
0 votes13 answers -
Растягивание изображения на весь экран
Господа, прошу прощения за ламерский вопрос (я не спец в html совсем), но подскажите, пожалуйста, по каким причинам вот этот код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Background</title> <style> body { background: url(https://content.screencast.com/users/immick6307/folders/Snagit/media/43d76d9a-3476-4bb7-ac03-185a3ec097bb/12.14.2021-12.42.png) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры …
0 votes11 answers -
Css
Указываю в css: .intro { width: 100%; height: 100vh; background: url(/image/intro.jpg) center no-repeat; background-size: cover; } Нажимаю на url картинку показывает, а в html ее нету...
0 votes2 answers -
Меню Uikit3
Доброго времени суток. css html от Uikit3 Панель горизонтального меню не переносит пункты. <nav class="uk-navbar-container" uk-navbar> Когда добавляются много пунктов меню, они растягиваются и выходят за экран. Я понимаю что столько пунктов в меню не добавляют, но все же, так быть не должно. Может кто сталкивался, подскажите как исправить, чтобы пункты переносились на следующую строку?
0 votes2 answers -
Выпадающий список, текст справа и слева
Привет! Подскажите пожалуйста, как сделать выпадающий список, в котором текст слева и справа строки находится Примерно вот так Товар 1 +300уе Товар 2 +500уе Товар 3 +600уе Заранее спасибо за ответы
0 votes0 answers -
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 -
Горизонтальный список съезжает на вёрстке, хотя отступов - нет
Сделал горизонтальные элементы списка 2х2 с помощью display: inline-block, но элементы почему-то съехали, хотя никаких отступов НЕТ. Прошу, пожалуйста помочь.
0 votes7 answers -
Фиксированное положение кнопок в мобильной версии сайта
Доброго времени суток! В мобильной версии есть кнопки переключения между слайдами (страницами), но они постоянно по середине страницы. Как сделать что-бы кнопки были фиксированы по середине экрана? Т.е. страницу мотаем кнопки постоянно по середине и видны? Сайт
0 votes3 answers -
При уменьшении страницы, она не уменьшается!
Я первый раз начал пытатся создавать сайт по макету, и вот кое что получается, я понимаю что много ошибок, но это первый раз! Я остановился, и не могу понять как сделать так чтобы при уменьшении страницы, всё уменьшалось равномерно, у меня когда уменьшаю страницу, просто видно пол страницы! <!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 -
Можно ли сделать подложку под iframe?
Есть сайт с видеоконтентом. Стандартный код плеера по умолчанию выводится через iframe на всех страницах сайта в одном и том же месте (по ID материала). Сразу говорю - да, сайт с фильмами, контент пиратский, надеюсь в 21-м веке это никого не удивит. Дальше по теме - бывает так, что у видеобалансера нет моего фильма и соответственно на моем сайте вместо рабочего плеера выводится пустое место. Вопрос: можно ли реализовать подложку под iframe в виде текста, типа "Видео отсутствует" и т.п. Я пытался создать блок div с текстом на темном фоне с размерами равным плееру, но на рабочих фильмах текст "просвечивается наружу" поверх блока iframe. Можно ли реализовать подложку под бл…
0 votes1 answer -
Помогите с созданием таблицы
Я сделал таблицу(верхнее изображение) из неё мне надо сделать другую таблицу(нижнее изображение). Три часа голову ломаю. Не могу это сделать. Вот имеющийся код: <!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 -
Инструменты для работы с макетом
Photoshop, Tilda. Какие еще есть? Что стоит изучать?
0 votes2 answers -
Обтекание картинки. Список: картинка + описание.
Ребята хорошие и отзывчивые, привет) есть задача кровь из носу, но я в верстке не алё. Вошли и вышли, приключение на 10 минут. Суть: Необходимо из вот такого http://joxi.ru/YmEvbJOCB1XyL2 сделать такое http://joxi.ru/krDwbJ3Tg7njXA Как, что и куда написать, но МАКСИМАЛЬНО ПРОСТО?
0 votes1 answer -
CSS GRID
Привет Гуру верстки... Есть сетка (см. картинку)... Подскажите как сделать такую верстку (grid) где блоки внутри сетки были равными при адаптиве... Кол-во блоков в сетке может быть и 100х100)))... Спасибо за ответ....
0 votes0 answers -
Якорит ссылка без якоря
Всем привет! Поставили якорь на ссылку, но потом решили его убрать. Однако ссылка все равно якорит, хотя ни в коде ни в строке якоря точно нет. У кого-то такое случалось? Что посоветуете проверить?
0 votes1 answer -
Анимация картинки при открытии сайта
Как сделалать так, чтоб при открытии сайта всплывала картинка с маленького до большого размера? Как на этом сайте https://kirkorov.ru/
0 votes1 answer -
Иконки
Добрый вечер друзья! Подскажите пожалуйста, как сделать иконку, чтоб она брала цвет темы сайта, но окрашивалась не вся, а только контуры, а внутри иконки заливки не было? Саму иконку мне отрисовать получилось, а сделать, так чтоб она не заливалась вся цветом , не могу. Может кто знает
0 votes3 answers -
Вопрос по коду 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 votes1 answer -
Ограничение по ходам в игре "Виселица"
Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/
0 votes0 answers -
Шапка
Добрый вечер, возможно кому то покажется вопрос глупым, но все же, как тут сделать шапку профиля? Пытался использовать знания пройденного урока, но особо ничего не выходит, всё криво, пробовал выравнивать с помощью "float"...
0 votes1 answer -
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 -
Адаптив и стилизиция слайдера splide
Ребята, без вас никуда! Подскажите, пожалуйста, первый раз адаптирую и стилизую слайдер splide. Сам он работает, но как его стилизовать? В dev tools стилизация тех же стрелок отражается, но когда вношу их в css - не работает. Почему так? Как, например, тогда опустить ниже стрелки? Где устанавливать брейкпоинты и задавать им свойства? На сайте splide такая инфа по адаптиву. https://splidejs.com/guides/options/#breakpoints Вот типа того что-то пробую... https://jsfiddle.net/aqmuyhwd/
0 votes0 answers -
Не подключается css
Здравствуйте, не могу подключить css, либо какая-то другая проблема, подскажите
0 votes2 answers