HTML Coding

29,542 questions in this forum

1. Типичные ошибки начинающего верстальщика

   Большинство запросов на рецензию верстки, в разделе Обсуждение работ, в результате имеют одни и теже ответы. Более 90% будущих разработчиков на начальном этапе допускают одни и теже ошибки. Типичные ошибки Запрещено имя класса начинать с цифры, или с дефица после которого следует цифра (пруфлинк: eng рус) Рекомендации Ниже я привожу список самых распространенных ошибок. CSS Не использовать #id для описания стилей блока. Почему-то одна из самых часто встречаемых ошибок -- это использование идентификатора вместо класса, для описания силей блока. Не надо этого делать. Давай мы с тобой определимся раз и на всегда с двумя простыми решениями…

   Asked by klierik, January 13, 2014

   3 votes
   156 answers
2. "Помогите мне с ..." — Как правильно оформить вопрос/проблему

   Добрый день. Данный пост расскажет о том, как правильно оформить вопрос, что бы получить на него ответ. Пожалуйста, выдели 2 минуты своего времени и прочитай ниже изложенное до конца. Давай согласимся с тем что никто никому ничего не обязан. Задавая вопрос на форуме никого не будет интересовать выполняешь ли ты заказ, за который получишь вознаграждение, или просто верстаешь бесплатный макет, или обучаешься. Ты просишь помощи и кто-то из форумчан любезно согласится тебе помочь. Задавая вопрос понимай тот факт, что время человека, который на него ответит, с очень большой вероятностью, стоит в несколько раз (а то и в десятки раз) дороже чем твоё (в рамках специа…

   Asked by klierik, June 3, 2013

   2 votes
   19 answers
3. Вёрстка футера на движке Xenforo

   Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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(); .…

   Asked by Mondeus, November 13, 2023

   • изменить футер
   • xenforo
   • футер
   • вёрстка
   0 votes
   0 answers
4. Примеры верстки

   Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.

   Asked by torsar, November 3, 2023

   0 votes
   0 answers
5. Список покидает див

   Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...

   Asked by DeZ, October 24, 2023

   0 votes
   0 answers
6. Помогите правильно задать ширину блоков и элементов

   Здравствуйте, я начал изучение HTML и CSS, столкнулся с проблемой правильной разметки и размеров, сайт состоит из мини блоков в которых я размещаю другие элементы сайта, данные блоки имеют разную ширину, которая в сумме составляет 100vw, но итоговый вариант шире чем окно сайта на пару пикслей, понимаю что не правильно сформировал проблему, пока не очень прошарен, поэтому прикреплю скрины 1. код 2.скрин сайта 3.как должна выглядеть страница (макет фигма)

   Asked by Step.UI, August 26, 2023

   0 votes
   2 answers
7. Проблема с шириной ячеек

   Нужно страны сделать также близко, как на картинке, но не знаю как. Размер ячеек задается по умолчанию для всех и не знаю, как сделать чтоб он был индивидуальный. Можно ли отменить наследования размера от столбца у ячейки?

   Asked by ArrogantSpectator, September 16, 2023

   0 votes
   1 answer
8. Как сделать раздел "футер" в самом низу под таблицей?

   Как сделать футер в самом низу (Daniil Orlov знак копирайта). https://github.com/rgg877/Site/tree/main

   Asked by rgg877, September 8, 2023

   0 votes
   2 answers
9. 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, чтобы можно было это прописать в кнопке)?

   Asked by НикитаL, August 31, 2023

   0 votes
   3 answers
10. HTML был 1000px в ширину стал 2000px. Как вернуть?

    HTML был 1000px в ширину стал 2000px. Как вернуть?

    Asked by russiaportugal, August 30, 2023

    0 votes
    1 answer
11. Можно ли запрограммировать на css поведение блоков как на приложенном видео?

    Логика изменения блоков на видео мне не вполне понятна. Можно ли это запрограммировать на css, не задавая отдельные стили для каждой ширины окна и для каждого количества блоков? bandicam 2023-08-20 21-35-45-303.mp4

    Asked by Grani, August 20, 2023

    0 votes
    1 answer
12. Смена background-image при работе с псевдоклассом hover

    Здравствуйте! У меня стоит задача, что при наведении на блок li строка должна поменять цвет, в том числе и картинка. Я меняю картинку с помощью background-image: none; background: url(../img/check_icon_red.png) left no-repeat; Но теперь картинка позицианируется не там где должна, её можно поставить на место только вручную, через -100px. Нужно поставить ровно туда, где она была. Должна быть в одном ряду с другими

    Asked by zeiger2, August 12, 2023

    • html
    • css
    • псевдокласс
    0 votes
    1 answer
13. Ищу чертежный шрифт

    Меня попросили по старой дружбе сделать сайта по черчению, не могу найти чертежный шрифт

    Asked by nazarovvlan, September 16, 2008

    0 votes
    4 answers
14. маштабирование

    Как настроить сайт под маштабирование? Когда отдаляешь страницу , все элементы смешиваются , вот код, заодно можете сказать все ли в порядке с кодом? Или где-то дыряво написано <!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:…

    Asked by Devor, August 5, 2023

    0 votes
    0 answers
15. Как сделать такой скролл?

    Вот собственно хочу такой скролл сделать, а разобраться не могу, все уже обыскал, java то ломается то еще чето

    Asked by Devor, August 5, 2023

    0 votes
    1 answer
16. Высота блока

    Крч пытаюсь отредачить фотку на сайте, типо размер и положение, в html добавил <div class="Launcher"> <img src="assets/images/Launcher.png"> </div> дальше захожу в css и пытаюсь отредачить с помощью .Launcher {width: 100px;} Ну ничего не выходит, не хейтите впервые сайт делаю, Что я делаю не так друзья?

    Asked by Devor, August 2, 2023

    0 votes
    2 answers
17. Как сделать, чтобы на мобильной версии элементы менялись местами?

    на скриншоте десктопная и мобильная версия вёрстки. Как сделать, чтобы у одного элемента на мобильной версии слева была иконка а справа текст, а у другой слева текст, а справа иконка? Ещё чтобы всё симметрично было, везде размер элементов и отступы одинаковые. в общей обёртке если один блочный элемент сверху, у другой снизу, а я сменил обёртке стиль на "display: flex;", а обоим элементам "width: 50%;", то верхний станет слева, а нижний - справа. А как наоборот сделать, чтобы верхний справа, а нижний слева? я придумал только использовать position: absolute. получилось криво. Как сделать, чтобы блок-обёртка подстраивался по высоте под картинку? https://codepen.io/zfO/…

    Asked by Grani, July 31, 2023

    0 votes
    1 answer
18. проверьте код

    Всем привет, нужно было написать хтмл код для онлайн шопа где прописывалось бы время когда можно забрать товар. сразу скажу с кодом я даже не на ВЫ. Этот код мне сделал чатжопати и все вроде бы работает кроме скрипта с выходными. Если сегодня (после 16 часов) или завтра один отпускных дней, то должна выплюнуться дата след. свободного дня. Но он как то этот момент игрнорирует. Заранее благодарю! <!DOCTYPE html> <html> <head> <title>Versandtermin</title> <script> function getShippingDate() { var today = new Date(); var day = today.getDay()…

    Asked by Uhu, July 26, 2023

    0 votes
    0 answers
19. HTML - Зачем этот тег?

    Для чего используют тэг <area>? Простыми словами ответ плизз+

    Asked by XXCMD, July 16, 2023

    0 votes
    1 answer
20. Раздвинуть строки таблицы

    Есть таблица, нужно увеличить расстояние между третьей и четвертой строкой, т.е. только одно расстояние. 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</…

    Asked by Dmitry33, June 19, 2023

    0 votes
    8 answers
21. Как разместить 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> При…

    Asked by Katerina23, May 27, 2023

    0 votes
    1 answer
22. Непонятное поведение фоновой картинки

    Здравствуйте. Пытаюсь выстроить фоновую картинку так чтобы она была на высоту экрана устройства и закрепленная, то есть при прокрутке страницы всегда оставалась в одном месте. Вот пример - https://jsfiddle.net/98nym4go/ Как только устанавливаю "background-attachment:fixed;" фоновая картинка почему-то перестает отображаться, а без этого тега она не закрепляется. Что не так?

    Asked by alsmd23, May 20, 2023

    0 votes
    0 answers
23. Помогите пожалуйста сделать расстояние между строками

    Скидивыю часть кода , вопрос в том что , как сделать небольшое расстояние между строками Имя и 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>

    Asked by Mextrive, April 28, 2023

    0 votes
    2 answers
24. Не работает 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" все равно не работает

    Asked by Mextrive, May 3, 2023

    0 votes
    1 answer
25. Видео с 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…

    Asked by Mikhey, May 7, 2023

    0 votes
    0 answers