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. Почему border делает отступ?

    Приветствую! Создаю свой первый сайт. Помогите пожалуйста понять и решить, почему при использовании атрибута border он делает отступ снизу от контента? Padding нигде не стоит в коде. Прикрепляю скрины как выглядит непонятный отступ и результат, который хочу достичь позже Мой код: HTML <main> <div class="menu text stroke"> <nav> <a href="./Playlists.html">PLAYLISTS</a> <a href="./LocalArtists.html">LOCAL ARTISTS</a> <a href="./Shop.html">SHOP</a> <a href="./Schedule.html">SCHEDULE</a> <a href="./About.html">ABOUT</a> …

    Asked by trvkyo,

    0 votes
    3 answers

  2. Дата публикации материала HTML

    Здравствуйте, как (желательно не JS) я могу преобразовать на сайте дату публикации материала, например: Фото машины, опубликовано: 25.07.2022

    Asked by Bombas,

    0 votes
    1 answer

  3. Можно ли сделать такой сложный макет

    Скажите пожалуйста, можно ли создать такой макет? Все что я сумел сделать это выстроить 4 блока - https://jsfiddle.net/nczm2aps/ а вот как сделать вертикальные разделения? Флекс во флексе?

    Asked by alleclf,

    0 votes
    1 answer

  4. Класс header_wrapper не принимает свойства css

    <!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>Discover Amazing places in Japan</title> <link rel="stylesheet" href="./css/style.css"> </head> <body> <header class="header"> <div class="wrapper"> <div class="header_wrapper"> <div class="header_logo"> <a href="/" class="header_logo-link"> <img src="./img/svg/odigo-Logo.svg" alt="Discover A…

    Asked by Prostalm,

    0 votes
    1 answer

  5. Заголовок и кнопка в окне чата

    Добрый день, есть кнопка на странице по нажатию на которую открывается окно чата. Когда добавляю хедер, он отображается не в окне чата, а на главной странице. Помогите заставить его появиться в окне чата.

    Asked by Ejara,

    0 votes
    0 answers

  6. Как разместить фото друг за другом?

    Вот код , подскажите как мне сделать чтобы фото шли друг за другом с описанием под фото <div class="block"><img src="/admin/files/_MG_2882.jpg" width="20%" /> <p><a href="https://prozuby.clinic/specialist/sryvkina-nelli-vaceslavovna">Срывкина Нелли Вячеславовна</a></p> <p><strong>Стоматолог-терапевт</strong></p> <p><strong>Опыт работы 8 лет</strong></p> <div class="contmeleft"><img src="/admin/files/_MG_2961.jpg" width="20%" /> <p><a href="https://prozuby.clinic/specialist/nikolaj">Дрюкова Ксения Витальевна</a></p> <p><strong>Стома…

    Asked by marisabel,

    0 votes
    1 answer

  7. Как отцентрировать один элемент внутри flex контейнера?

    Добрый день. Есть три блока разной величины расположенных горизонтально внутри контейнера. Нужно второй блок расположить ровно по центру по горизонтали, как указано на скриншоте. У меня же получается так, что навигационный блок смещается чуть правее

    Asked by Kardamon,

    0 votes
    1 answer

  8. не работает padding и margin

    <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Скачать новеллу</title> <link rel="shortcut icon" href="i.ico" type="image/x-icon"> <link rel="stylesheet" href="style.css"> <!-- ШРИФТЫ --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"> <!-- ШРИФТЫ 2 --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.…

    Asked by F1NS3N,

    0 votes
    0 answers

  9. Как разместить изображения чтобы они отображались квадратными

    Есть несколько изображений, как горизонтальные так и вертикальные. Как их можно выстроить в ряд так, что бы все они стали квадратными. То есть, растянуть картинку меньшей стороной по размеру блока, а та часть что вылазит из блока - скрыть. Вместо продолговатой картинки отобразить только ее середину в форме квадрата. Вот пример, но это не совсем то, надо чтобы картинки масштабировались а там просто отображается верхний угол - https://jsfiddle.net/jk8todrq/

    Asked by alleclf,

    0 votes
    7 answers

  10. Как здесь правильно задать позиционирование?

    Как здесь (https://skr.sh/sEfRBjoTUH1) правильно задать позиционирование? <ul class="list bottom-header-container-list"> <li class="bottom-header-container-list-item"> <div> <img src="./images/mail-svg.svg" alt="иконка эл.почты" width="28" height="22"> </div> <p>Mail Us</p> <a href="mailto:Info@bluecollar.com">Info@bluecollar.com</a> </li> <li class="bottom-header-container-list-item"> <div> <img src="./images/phone-svg.svg" alt="иконка телефона" width="26" he…

    Asked by Mifares,

    0 votes
    0 answers

  11. Не работает js на айфоне

    $(function () { var mixer = mixitup('.directions__list'); $('.directions__filter-btn').on('click', function () { $('.directions__filter-btn').removeClass('directions__filter-btn--active') $(this).addClass('directions__filter-btn--active') }) })

    Asked by vasyl_runner,

    0 votes
    3 answers

  12. Блок article не растягивается на всю ширину, при media запросе на 900px

    https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1

    Asked by vasyl_runner,

    0 votes
    1 answer

  13. Как сделать крестик в бургер меню

    https://vasyldubno.github.io/project1/ https://github.com/vasyldubno/project1 бургер меню появляеться на ширине менее 1100px

    Asked by vasyl_runner,

    0 votes
    1 answer

  14. Как сделать чтобы кнопки были на одной линии Listen, Watch, Read

    https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1

    Asked by vasyl_runner,

    0 votes
    1 answer

  15. Почему фото увеличиваеться при добавлении текста

    HTML Скрытый текст CSS Скрытый текст

    Asked by vasyl_runner,

    0 votes
    1 answer

  16. Помогите выровнять подписи

    Помогите новичку, подписи пляшут, как их уровнять не понимаю. Делаю задание через bootstrap

    Asked by Jordan,

    0 votes
    0 answers

  17. Не правильная адаптация на сайте

    Всем привет, у меня такой вот вопрос, делаю сайт через react и при изменении расширения что-то идёт не так и какой-то бред получается, подскажите как решить данную проблему. Я вообще не понимаю из-за чего это происходит, по этому не могу нормально объяснить 😅.

    Asked by Yurich,

    0 votes
    0 answers

  18. CSS transition

    Не работает transition при появлений модального окна: <a class="btn">Modal</a> <div class="modal"> <div class="overlay"> <div class="content"> <a class="close">X</a> <h1>Title</h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt repellat asperiores rerum animi officiis minus corporis iure voluptate accusantium, ut optio ratione iusto nemo delectus. Quasi illum libero dolorum neque?</p> </div> </div> </div> //scss .modal .overlay{ position: fixed; top: 0;left: 0; width: 100%;height: 100%; backgroun…

    Asked by jksnf,

    0 votes
    1 answer

  19. Помогите разобраться с макетом

    Помогите пожалуйста разобраться с макетом, не пойму как это реализовать. Пример на картинке. Необходимо чтобы центральный блок был фиксированного размера, а боковые растягивались по бокам до краев экрана и вниз по высоте центрального блока. При этом, фон страницы желтый, а в боковых блоках в качестве фона используется изображение с прозрачностью которое в результате должно оказаться на том, нижнем, желтом цвете. Тут заготовка которая не работает (блоки стоят друг на друге) - https://jsfiddle.net/26fen5mk/1/

    Asked by alleclf,

    0 votes
    3 answers

  20. При наведені підстрибує текст

    При наведені на навігацію підстрибує текст! What should I do? https://fluffy-kringle-4f9fb0.netlify.app/

    Asked by newRobson,

    0 votes
    1 answer

  21. Как из ссылки сделать кнопки?

    Мне из ссылки нужно сделать такие кнопки как на картинке. Соответственно нужно получить две ссылки одна активная подсвечивается определенным цветом, вторая не активная прозрачная не подсвечивается. Значит здесь нужно применить два стиля. Наведение мышкой не подходит, так как, эти ссылки будут менять в зависимости от перехода на страницу. Вот код примера здесь сделано на input’ах мне нужно тоже самое только на ссылках. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div id="test"> <form&gt…

    Asked by Katerina23,

    0 votes
    2 answers

  22. У меня проблема со списками

    Кто может помочь решить проблему. Почему список с категории Госслужащие, привязен к верхнему списку. Когда он поидеей должен быть под номером 6.2. Код: https://pastebin.com/CdCSsSdR Хочу чтобы было так: Раздел 6 | Правила общения в любых чатах 6.1 - Мафия (вся). 6.1.1 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nulla, eaque qui ipsam eos asperiores, impedit eveniet rem omnis consequuntur! 6.1.2 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nulla, eaque qui ipsam eos asperiores, impedit eveniet rem omnis consequuntur! 6.1.3 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nul…

    Asked by VladBoss,

    0 votes
    1 answer

  23. Каталог

    Всем привет! Может ли кто-нибудь сказать как реализована такая каруселька у элементов каталога? MyVideo_55.mp4

    Asked by bromble,

    0 votes
    1 answer

  24. Проблемы с выравниванием текста

    Добрый день. Возникла следующая проблема: у меня есть небольшой блок текста, где два списка, а между ними простой текст ("Достижения"). никак не могу выравнить его по центру. Уже и атрибутом style внутри тега <b> пробовал, и селектором по идентификатору, и по классу. Ничего не работает. Однако другие свойства, например цвет, работают отлично. Подскажите, пожалуйста, что нужно исправить?

    Asked by Arthur_Speransky,

    0 votes
    1 answer

  25. Появляется отступ справа в мобильной версии

    Доброго времени суток! При переходе на сайт http://akkermanskiy.zzz.com.ua/ через телефон , появляется отступ справа. Подскажите пожалуйста , в чем проблема?

    Asked by Akkermanskiy,

    0 votes
    2 answers

  • Обсуждения

    • 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