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
-
Недавно начал изучать front-end. Хотелось бы мнения и совета.
Меня самого смущает свой способ добавления фотографий в этом документе. Я хотел расположить четыре изображение в ряд + кнопку под каждой. Никаких других способов не нашёл, потому что кнопка вставал слева от изображения, либо изображения не находились в центре. Есть ли какие-нибудь другие варианты, чтобы сделать так, как есть сейчас, но проще? У меня 2к монитор, на нём изображения расположены, как на скриншоте ниже. learntohtml.7z
0 votes1 answer -
Не работает autoplay
Здравствуйте , обясните пожалуйста почему не работает autoplay, видео само не воспроизводиться при загрузке страницы , вот код <!DOCTYPE html> <html> <head> <title>HTML5: добавление видео на страницу</title> </head> <body> <video src="C:\Users\Арсений\Desktop\Картинки и Видео\лес.mp4" poster="C:\Users\Арсений\Desktop\Картинки и Видео\лес.png" width="400" height="300" autoplay preload controls loop> <p>лес после дождя</p> </video> </body> </html> Пробовал писать autoplay="autoplay" все равно не работает
0 votes1 answer -
HTML - Зачем этот тег?
Для чего используют тэг <area>? Простыми словами ответ плизз+
0 votes1 answer -
Раздвинуть строки таблицы
Есть таблица, нужно увеличить расстояние между третьей и четвертой строкой, т.е. только одно расстояние. margin-top не работает. Сделать два tbody тоже не получается, т.к. одна из клеточек таблицы должна "расширяться" на 4 строки. <table> <tr><td>row 1 cell 1</td><td>row 1 cell 2</td><td rowspan=4>row 1 cell 3<br>must contain<br>several lines</td></tr> <tr><td>row 2 cell 1</td><td>row 2 cell 2</td></tr> <tr><td>row 3 cell 1</td><td>row 3 cell 2</td></tr> <tr style="margin-top: 10px"><td>row 4 cell 1</…
0 votes8 answers -
Не получается отменить дефствие float
Не могу отменить действие свойства float. Например, есть несколько элементов выстроенных в ряд флоатом. Как-то можно из сделать каждый с новой строки не убирая флоат? Вот пример: http://jsfiddle.net/yhkp3d15/
0 votes2 answers -
Как разместить div по соседству с другим контейнером?
Здравствуйте, вот два блока div "class=block1" и "class=block2", как их расположить вместе? <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> При…
0 votes1 answer -
Видео с Youtube на сайт
При переносе сайта на другой Hosting потерял скрипт вывода видео с Youtube через fancybox...Скрипт берёт из текстового файла адрес и в случайном порядке выводит видео в блок или на страницу... Сам текстовый файл такого вида- PHP/HTMLВыделить код 1 2 <a class ="fancybox fancybox iframe"href="https://youtube.com/embed/1QRV4m1dabg">Video #8 <iframe width="100%" src="//www.youtube.com/embed/1QRV4m1dabg" frameborder="0" allowfullscreen></iframe></a> <a class ="fancybox fancybox iframe"href="https://youtube.com/embed/mKGDphbiwl4">Video #1 <iframe width="100%" src="//ww…
0 votes0 answers -
Как "скинуть" элемент вниз?
Мне нужно сделать так что когда на сайте текст не нужной мне ширины он "спускался" ниже, вот скрин чего я хочу.
0 votes3 answers -
див уходит за границу экрана
есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; }…
0 votes1 answer -
Помогите правильно задать ширину блоков и элементов
Здравствуйте, я начал изучение HTML и CSS, столкнулся с проблемой правильной разметки и размеров, сайт состоит из мини блоков в которых я размещаю другие элементы сайта, данные блоки имеют разную ширину, которая в сумме составляет 100vw, но итоговый вариант шире чем окно сайта на пару пикслей, понимаю что не правильно сформировал проблему, пока не очень прошарен, поэтому прикреплю скрины 1. код 2.скрин сайта 3.как должна выглядеть страница (макет фигма)
0 votes2 answers -
маштабирование
Как настроить сайт под маштабирование? Когда отдаляешь страницу , все элементы смешиваются , вот код, заодно можете сказать все ли в порядке с кодом? Или где-то дыряво написано <!DOCTYPE html> <html lang="ru"> <head> <title>Ethereal - Начать играть</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="assets/images/favicon.png"> <link rel="stylesheet" href="assets/css/StartTheGame.css"> <link rel="stylesheet" href="assets/css/Fonts.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:…
0 votes0 answers -
Не работает reset на кастомном select
Создал кастомный селект, кнопка reset не удаляет выбранное, подскажите в ччем проблема и как решить https://codepen.io/ZvrTina/pen/rNKMWMM
0 votes1 answer -
Список покидает див
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...
0 votes0 answers -
Смена background-image при работе с псевдоклассом hover
Здравствуйте! У меня стоит задача, что при наведении на блок li строка должна поменять цвет, в том числе и картинка. Я меняю картинку с помощью background-image: none; background: url(../img/check_icon_red.png) left no-repeat; Но теперь картинка позицианируется не там где должна, её можно поставить на место только вручную, через -100px. Нужно поставить ровно туда, где она была. Должна быть в одном ряду с другими
0 votes1 answer -
Как сделать раздел "футер" в самом низу под таблицей?
Как сделать футер в самом низу (Daniil Orlov знак копирайта). https://github.com/rgg877/Site/tree/main
0 votes2 answers -
HTML был 1000px в ширину стал 2000px. Как вернуть?
HTML был 1000px в ширину стал 2000px. Как вернуть?
0 votes1 answer -
Примеры верстки
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
0 votes0 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-