Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Как выровнять форму на сайте?

    Хочу установить форму заполнения регистрации по середине сайта, как я могу это сделать?

    Asked by Holuses,

    0 votes
    0 answers

  2. Как исправить блок под Safari?

    Сверстал страничку. На Хроме, Опере, ФФ отображается норм. А вот в Safari этот блок растягивает. У меня нету техники apple что бы залезть в консоль. Может кто-нибудь поможет? Префиксы вроде бы на месте.Вот как в остальных браузерах и в Safari <div class="container"> <main class="3d-print-pages"> <section class="price-section padding-left"> <div class="price-section__call"> <h2 class="price-section__text-heading">Стоимость печати рассчитывается следующим образом:</h2> <div class="price-section-text-wrap"> <p class="price-section__text-price-strong"><strong>Цена 1 грамма пластика (ABS, PL…

    Asked by Bastian,

    0 votes
    2 answers

  3. Вопрос по коду 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(); …

    Asked by evgsudnik,

    0 votes
    0 answers

  4. Якорит ссылка без якоря

    Всем привет! Поставили якорь на ссылку, но потом решили его убрать. Однако ссылка все равно якорит, хотя ни в коде ни в строке якоря точно нет. У кого-то такое случалось? Что посоветуете проверить?

    Asked by Alekss12,

    0 votes
    1 answer

  5. Как сделать фон страницы

    Все не как в голову не придет сделать задний фон, много варианта, переделал, тот друг на друга налазят. Как сделать уже вариант закончился . Вот на скрине, обведены.

    Asked by Evgen73,

    0 votes
    2 answers

  6. Не подключается css

    Здравствуйте, не могу подключить css, либо какая-то другая проблема, подскажите

    Asked by Viktor_X,

    0 votes
    2 answers

  7. CSS GRID

    Привет Гуру верстки... Есть сетка (см. картинку)... Подскажите как сделать такую верстку (grid) где блоки внутри сетки были равными при адаптиве... Кол-во блоков в сетке может быть и 100х100)))... Спасибо за ответ....

    Asked by maxik,

    0 votes
    0 answers

  8. Не правильное отображение страницы

    При уменьшении ширины страницы, уменьшение блоков быстрее происходит быстрее (тоесть блоки быстрее сужаются и между блоком и границей свободное пространство) при том что width=100% для body и section. В чем может быть проблема? (CSS стили отключал, проблема не исчезала, значит дело в самомо HTML)

    Asked by unicorn,

    0 votes
    1 answer

  9. Как сделать эффект предзагрузки ?

    Добрый день. В интернете не нашел ответа. Есть небольшое промо видео на 4 секунды, формат неважен сделаю любой, как его можно использовать в качестве эффекта для предзагрузки сайта ? Нужно, чтобы при открытия сайта на весь экран шло видео а как закончится открылся бы сайт. Подскажите пожалуйста

    Asked by G280,

    0 votes
    1 answer

  10. GRID CSS

    Здравствуйте! Помогите начинающему)) Не могу разобраться с GRID CSS. что не так в коде? gridarea.zip

    Asked by Ivan_GREK,

    0 votes
    1 answer

  11. Адаптив и стилизиция слайдера splide

    Ребята, без вас никуда! Подскажите, пожалуйста, первый раз адаптирую и стилизую слайдер splide. Сам он работает, но как его стилизовать? В dev tools стилизация тех же стрелок отражается, но когда вношу их в css - не работает. Почему так? Как, например, тогда опустить ниже стрелки? Где устанавливать брейкпоинты и задавать им свойства? На сайте splide такая инфа по адаптиву. https://splidejs.com/guides/options/#breakpoints Вот типа того что-то пробую... https://jsfiddle.net/aqmuyhwd/

    Asked by Алеся,

    0 votes
    0 answers

  12. Иконки

    Добрый вечер друзья! Подскажите пожалуйста, как сделать иконку, чтоб она брала цвет темы сайта, но окрашивалась не вся, а только контуры, а внутри иконки заливки не было? Саму иконку мне отрисовать получилось, а сделать, так чтоб она не заливалась вся цветом , не могу. Может кто знает

    Asked by Мария2782,

    0 votes
    3 answers

  13. Инструменты для работы с макетом

    Photoshop, Tilda. Какие еще есть? Что стоит изучать?

    Asked by torsar,

    0 votes
    2 answers

  14. Что делать если hover мешает input

    Я сделал меню с помощью hover, но она закрывает область input. Из за этого я не могу ввести что то в input. HELP вот: https://yapx.ru/v/QOVPd Скрытый текст Скрытый текст Скрытый текст

    Asked by arsendias,

    0 votes
    0 answers

  15. Как работать на FullHD экране c зумом 125%?

    Для конечных пользователей можно использовать "@media (-webkit-min-device-pixel-ratio: 1.25)", но при создании верстки так не получится, особенно при верстании по PerfectPixel. Какие проблемы наблюдаются при системном зуме 125%? (а без него на экране все слишком мелкое и почти недостижимое глазу) Верстальщики, как вы решаете эту проблему в своей работе?

    Asked by iBars,

    0 votes
    3 answers

  16. Можно ли сделать подложку под iframe?

    Есть сайт с видеоконтентом. Стандартный код плеера по умолчанию выводится через iframe на всех страницах сайта в одном и том же месте (по ID материала). Сразу говорю - да, сайт с фильмами, контент пиратский, надеюсь в 21-м веке это никого не удивит. Дальше по теме - бывает так, что у видеобалансера нет моего фильма и соответственно на моем сайте вместо рабочего плеера выводится пустое место. Вопрос: можно ли реализовать подложку под iframe в виде текста, типа "Видео отсутствует" и т.п. Я пытался создать блок div с текстом на темном фоне с размерами равным плееру, но на рабочих фильмах текст "просвечивается наружу" поверх блока iframe. Можно ли реализовать подложку под бл…

    Asked by kapralpv,

    0 votes
    1 answer

  17. Горизонтальный список съезжает на вёрстке, хотя отступов - нет

    Сделал горизонтальные элементы списка 2х2 с помощью display: inline-block, но элементы почему-то съехали, хотя никаких отступов НЕТ. Прошу, пожалуйста помочь.

    Asked by MenCeV,

    0 votes
    7 answers

  18. Анимация картинки при открытии сайта

    Как сделалать так, чтоб при открытии сайта всплывала картинка с маленького до большого размера? Как на этом сайте https://kirkorov.ru/

    Asked by llipam,

    0 votes
    1 answer

  19. При уменьшении страницы, она не уменьшается!

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

    Asked by Millio,

    0 votes
    1 answer

  20. Растягивание изображения на весь экран

    Господа, прошу прощения за ламерский вопрос (я не спец в 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%; /* Современные браузеры …

    Asked by The_Immortal,

    0 votes
    11 answers

  21. Не вставляется картинка через background-image

    Пишу в стилях background-image: url(../../images/fon.png); Но у меня не появляется эта картинка, скрин кода приложу Вот код - https://jsfiddle.net/Millio/bgajx0uc/50/

    Asked by Millio,

    0 votes
    0 answers

  22. Минимальный макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5

    Помогите сделать минимальную макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5. Ширина LeftMenu + Content + RightMenu аналогична ширине основного блока текущего сайта(htmlforum.io). Другими словами не на всю ширину браузера, а по центру. Может для ширины таких элементов имеется какая-то практика? LeftMenu - привязано к левому краю контейнера. RightMenu - привязано к правому краю контейнера. Для примера... Пробую, всё скачет... https://jsfiddle.net/User65659/0jxt7qLg/45/ Аналог на картинке

    Asked by Ilya983,

    0 votes
    0 answers

  23. Выпадающий список, текст справа и слева

    Привет! Подскажите пожалуйста, как сделать выпадающий список, в котором текст слева и справа строки находится Примерно вот так Товар 1 +300уе Товар 2 +500уе Товар 3 +600уе Заранее спасибо за ответы

    Asked by dework1,

    0 votes
    0 answers

  24. Не могу подобрать бесплатный HTML WYSIWYG редактор

    Добрый день!Пробовал Komposer, BlueGriffon, openElement и другие. Все как то не то. В BlueGriffon вставляешь таблицу - мышкой она не растягивается. Кнопку в ячейку таблицы вставить нельзя. При выборе кнопки мышкой - размеры ее похоже изменить нельзя, предлагает изменить надпись на кнопке. Все какое-то крохотное на экране сразу после вставки (настройки по умолчанию).Нужно что-то похожее на обычный текстовый редактор, пускай даже без динамического обновления сотворяемого в браузере.Вот делали люди (но он не продается, нашел случайно через знакомого): https://cloud.mail.ru/public/UYzf/67W5jNrVWНужно что то подобное. Простое и визуальное, для создания и макетирования интерфей…

    Asked by NetWorker,

    0 votes
    0 answers

  25. Адаптация сайта для мобильных устройств

    Здравствуйте, подскажите в чем может быть причина такой ситуации. Адаптирую сайт под разные устройства, все было хорошо, проверила как отображается, сохранила, но когда открыла повторно все съехало, но только под одно устройство (575рх) Меню после пролистывания занимает нужную ширину Остальные размеры сохраняются , начиная с 770рх Код не менялся, проверяла несколько сохраненных на разных этапах верстки, все были рабочие и на всех слетело одно и тоже, хотя с ними дальнейшей работы не было, также проверяла на разных браузерах, проблема одна (( Буду благодарна за помощь

    Asked by Natalya_2024,

    0 votes
    1 answer

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

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

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

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

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept