HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes3 answers
-
0 votes1 answer
-
0 votes2 answers
-
0 votes1 answer
29,539 questions in this forum
-
Типичные ошибки начинающего верстальщика
Большинство запросов на рецензию верстки, в разделе Обсуждение работ, в результате имеют одни и теже ответы. Более 90% будущих разработчиков на начальном этапе допускают одни и теже ошибки. Типичные ошибки Запрещено имя класса начинать с цифры, или с дефица после которого следует цифра (пруфлинк: eng рус) Рекомендации Ниже я привожу список самых распространенных ошибок. CSS Не использовать #id для описания стилей блока. Почему-то одна из самых часто встречаемых ошибок -- это использование идентификатора вместо класса, для описания силей блока. Не надо этого делать. Давай мы с тобой определимся раз и на всегда с двумя простыми решениями…
3 votes156 answers -
"Помогите мне с ..." — Как правильно оформить вопрос/проблему
Добрый день. Данный пост расскажет о том, как правильно оформить вопрос, что бы получить на него ответ. Пожалуйста, выдели 2 минуты своего времени и прочитай ниже изложенное до конца. Давай согласимся с тем что никто никому ничего не обязан. Задавая вопрос на форуме никого не будет интересовать выполняешь ли ты заказ, за который получишь вознаграждение, или просто верстаешь бесплатный макет, или обучаешься. Ты просишь помощи и кто-то из форумчан любезно согласится тебе помочь. Задавая вопрос понимай тот факт, что время человека, который на него ответит, с очень большой вероятностью, стоит в несколько раз (а то и в десятки раз) дороже чем твоё (в рамках специа…
2 votes19 answers -
Помогите правильно задать ширину блоков и элементов
Здравствуйте, я начал изучение HTML и CSS, столкнулся с проблемой правильной разметки и размеров, сайт состоит из мини блоков в которых я размещаю другие элементы сайта, данные блоки имеют разную ширину, которая в сумме составляет 100vw, но итоговый вариант шире чем окно сайта на пару пикслей, понимаю что не правильно сформировал проблему, пока не очень прошарен, поэтому прикреплю скрины 1. код 2.скрин сайта 3.как должна выглядеть страница (макет фигма)
0 votes2 answers -
Проблема с шириной ячеек
Нужно страны сделать также близко, как на картинке, но не знаю как. Размер ячеек задается по умолчанию для всех и не знаю, как сделать чтоб он был индивидуальный. Можно ли отменить наследования размера от столбца у ячейки?
0 votes1 answer -
Как сделать раздел "футер" в самом низу под таблицей?
Как сделать футер в самом низу (Daniil Orlov знак копирайта). https://github.com/rgg877/Site/tree/main
0 votes2 answers -
Html кнопка
Здравствуйте! Сам ковыряю сайт, новичок в этом деле, если залез не в ту ветку заранее извиняюсь. К вам с таким вопросом: Есть кнопка, которая открывает новую вкладку с нужным товаром <p align="center"><a href="ссылка на товар" target="_blank" class="btn btn-primary btn-xs" role="button"><i class="material-icons-"></i>Добавить</a></p> Возможно ли сделать что то подобное, только что бы кнопка выполняла функцию "положить товар в корзину" в заранее указанном количестве. Пример: нажимаем на кнопку, указанный товар в кнопке идет в корзину в количестве 2 шт. (или 3, чтобы можно было это прописать в кнопке)?
0 votes3 answers -
HTML был 1000px в ширину стал 2000px. Как вернуть?
HTML был 1000px в ширину стал 2000px. Как вернуть?
0 votes1 answer -
Можно ли запрограммировать на css поведение блоков как на приложенном видео?
Логика изменения блоков на видео мне не вполне понятна. Можно ли это запрограммировать на css, не задавая отдельные стили для каждой ширины окна и для каждого количества блоков? bandicam 2023-08-20 21-35-45-303.mp4
0 votes1 answer -
Смена background-image при работе с псевдоклассом hover
Здравствуйте! У меня стоит задача, что при наведении на блок li строка должна поменять цвет, в том числе и картинка. Я меняю картинку с помощью background-image: none; background: url(../img/check_icon_red.png) left no-repeat; Но теперь картинка позицианируется не там где должна, её можно поставить на место только вручную, через -100px. Нужно поставить ровно туда, где она была. Должна быть в одном ряду с другими
0 votes1 answer -
маштабирование
Как настроить сайт под маштабирование? Когда отдаляешь страницу , все элементы смешиваются , вот код, заодно можете сказать все ли в порядке с кодом? Или где-то дыряво написано <!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 -
Как сделать такой скролл?
Вот собственно хочу такой скролл сделать, а разобраться не могу, все уже обыскал, java то ломается то еще чето
0 votes1 answer -
Высота блока
Крч пытаюсь отредачить фотку на сайте, типо размер и положение, в html добавил <div class="Launcher"> <img src="assets/images/Launcher.png"> </div> дальше захожу в css и пытаюсь отредачить с помощью .Launcher {width: 100px;} Ну ничего не выходит, не хейтите впервые сайт делаю, Что я делаю не так друзья?
0 votes2 answers -
Как сделать, чтобы на мобильной версии элементы менялись местами?
на скриншоте десктопная и мобильная версия вёрстки. Как сделать, чтобы у одного элемента на мобильной версии слева была иконка а справа текст, а у другой слева текст, а справа иконка? Ещё чтобы всё симметрично было, везде размер элементов и отступы одинаковые. в общей обёртке если один блочный элемент сверху, у другой снизу, а я сменил обёртке стиль на "display: flex;", а обоим элементам "width: 50%;", то верхний станет слева, а нижний - справа. А как наоборот сделать, чтобы верхний справа, а нижний слева? я придумал только использовать position: absolute. получилось криво. Как сделать, чтобы блок-обёртка подстраивался по высоте под картинку? https://codepen.io/zfO/…
0 votes1 answer -
проверьте код
Всем привет, нужно было написать хтмл код для онлайн шопа где прописывалось бы время когда можно забрать товар. сразу скажу с кодом я даже не на ВЫ. Этот код мне сделал чатжопати и все вроде бы работает кроме скрипта с выходными. Если сегодня (после 16 часов) или завтра один отпускных дней, то должна выплюнуться дата след. свободного дня. Но он как то этот момент игрнорирует. Заранее благодарю! <!DOCTYPE html> <html> <head> <title>Versandtermin</title> <script> function getShippingDate() { var today = new Date(); var day = today.getDay()…
0 votes0 answers -
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 -
Как разместить 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 -
Непонятное поведение фоновой картинки
Здравствуйте. Пытаюсь выстроить фоновую картинку так чтобы она была на высоту экрана устройства и закрепленная, то есть при прокрутке страницы всегда оставалась в одном месте. Вот пример - https://jsfiddle.net/98nym4go/ Как только устанавливаю "background-attachment:fixed;" фоновая картинка почему-то перестает отображаться, а без этого тега она не закрепляется. Что не так?
0 votes0 answers -
Помогите пожалуйста сделать расстояние между строками
Скидивыю часть кода , вопрос в том что , как сделать небольшое расстояние между строками Имя и Email (не пропуском строки ,а такое же как между "Посетите ли вы наш сайт снова" и переключателями ) или это уже не исправить, не умею еще пользоваться хостингом поэтому заливаю инфу таким образом. Помогите пожалуйста советом что делать... <fieldset> <legend> Данные пользователя: </legend> <label> Имя: <input type="text" name="name" size="30" maxlength="100"> </label> <br /> <label> Email: <input type="email" name="email" size="30" maxlength="100"> </label> <br /> </fieldset>
0 votes2 answers -
Не работает 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 -
Видео с 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 -
Что надо знать для html
Подскажите что надо знать чтобы переходить с html на css? вроде закончил html, но всё же думаю что не достаточно знаний
0 votes1 answer -
Недавно начал изучать front-end. Хотелось бы мнения и совета.
Меня самого смущает свой способ добавления фотографий в этом документе. Я хотел расположить четыре изображение в ряд + кнопку под каждой. Никаких других способов не нашёл, потому что кнопка вставал слева от изображения, либо изображения не находились в центре. Есть ли какие-нибудь другие варианты, чтобы сделать так, как есть сейчас, но проще? У меня 2к монитор, на нём изображения расположены, как на скриншоте ниже. learntohtml.7z
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"> <title>Document</title> <style> .nav { display: flex; list-style-type: none; padding-left: 0; font-size: 17px; text-transform: uppercase; } .nav > li > a { color: #fff; text-decoration: none; } .nav > li { padding-left: 29px; margin-left: 30px; } .header { display: flex; back…
0 votes1 answer -
как можно сделать видимый scale на элементах внутри overflow:scroll?
Привет. Помогите советом: есть ли какой-то трюк с расположением элементов внутри скролл-контейнера, чтобы при наведении и увеличении они не обрезались родителем? https://codesandbox.io/s/scroll-and-scale-yv3kq0?file=/src/App.js Можно и не внутри контейнера, но главное, чтобы лишнее скроллилось, а при наведении не обрезалось.
0 votes1 answer