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. Как присоединить m3u8 к тегу video из HTML5 ?

    Есть источник : http://cdnmg.secure.live.rtr-vesti.ru/hls/russia_24/playlist_3.m3u8 Этот URL нужно записать в файл 1.m3u и запустить этот файл с помощью VLC-плеер, для тестирования этого URL. Скажите пожалуйста, как источник m3u8 присоединить к тегу video из HTML5 ? Пожалуйста, покажите работающий пример с этим источником. Спасибо.

    Asked by itwoker5,

    0 votes
    1 answer

  2. высота картинки

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

    Asked by Romario1985,

    0 votes
    2 answers

  3. Сколько времени займет верстка данного макета

    Дали тестовое - сверстать. Сказали займет 4 часа. Но я в этом сомневаюсь. сам макет. https://drive.google.com/drive/folders/1uu2IbqtlJYSpirSyCUbE6tDsDZmfkpgY

    Asked by Vladimir232323,

    0 votes
    2 answers

  4. Как изменить цвет вертикальной линии?

    Здравствуйте! Простите, если не сюда пишу. Что-то намудрил в стилях и при попытке изменения цвета вертикальной линии, цвет не меняется. Подскажите, пожалуйста, как корректно изменить цвет вертикальной линии. Код и результат можно посмотреть здесь https://jsfiddle.net/sn2uo9k4/ Буду благодарен советам!

    Asked by iiwanc,

    0 votes
    3 answers

  5. Не могу разобраться с Bootstrap компонентом

    Всем привет! Кто нибудь шарит в Bootstrap 5? Я изучаю его и не работает компонент toast(не отображается), хотя я код прямо с оф сайта копирую.

    Asked by Dexader,

    0 votes
    1 answer

  6. flexbox и nth-last-child

    Добрый день. Возникла проблема следую щего плана, нужна адаптивная верстка с mobile-first. При этой верстке я сначла сверстал mobile получилась как на pictute1 picture1.psd. Чтобы сделать расстояние между блоками, которые я обвел бордером я задал margi-bottom, а у последнего элемента я его соответственно почистил. Но затем на tablet версииpicture2.psd и desktop picture3.psd у последнего элемента высота стала больше чем у остальных трех. При margin-bottom 0; для последнего элемента ничего не меняется. Что это за лишняя высота у последнего блока, откуда она появилась и как ее убрать?

    Asked by Romario1985,

    0 votes
    2 answers

  7. Как изменить bootstrap col-md?

    Добрый день ! Есть проблема при адаптаций экрана 595x740 размер контейнера bootstrap col-md не меняется. Мне нужно чтобы при адаптаций экрана 595х740 показывало по 2 слайда.Как это сделать? main.html <!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> <link href="main.css" rel="stylesheet"> <link rel="stylesheet" href="css/font-awesome.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/boot…

    Asked by Pekod,

    0 votes
    1 answer

  8. Оформить как ссылку

    Для смены языка на сайте нужно в адрес добавить например /ru/ текущий адрес узнаю так <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "http://site.ru/ru/" + window.location.pathname; </script> но оно выдает текстом Вопрос: как сделать чтобы это была ссылка?

    Asked by maxim1o,

    0 votes
    1 answer

  9. header только на html и css

    Как правильно сделать оформить header используя только html и css чтобы получилась как на этом макете Почему у меня правое меню постоянно плавает и как кнопку поиска правильно спозиционирорвать в самой форме чтобы она никуда не уезжала? Что не так в моем коде? https://jsfiddle.net/kjgydnfs/27/

    Asked by Romario1985,

    0 votes
    1 answer

  10. Проблемы с проверкой google search console

    Всем доброго времени суток. Помогите, пожалуйста, разобраться с проблемой. Тестировал сайт на на google search console на "удобство для мобильных", были найдены ошибки, которые я исправил. В отчете эти ошибки помечены как исправленные, но в диаграмме все равно есть страницы с этими ошибками. Подскажите, пожалуйста, что это значит?

    Asked by fhntv1606,

    0 votes
    1 answer

  11. Блок страницы всегда сверху шапки

    Здравствуйте! С недавних пор изучаю HTML. Раньше писал простой код, но сейчас решил вносить новые веяния. Пишу лендинг для себя. Шапка сайта закреплена, и при прокрутки страницы, всегда видна. Написал блок навыков: <div class="blok-navik"> <div> <h3>HTML и CSS</h3> <p>Использую этот язык</p> </div> <div> <h3>Непрерывность работы IT-инфраструктуры</h3> <p>Непрерывность работы и доступности IT-инфраструктуры: IP-видеонаблюдение, сетевое оборудование, антивирусный контроль</p> </div> <div> …

    Asked by iiwanc,

    0 votes
    4 answers

  12. Пикселизация текста

    Здравствуйте! подскажите и-за чего это может быть? -webkit-text-size-adjust: 100%; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; -…

    Asked by dimpase,

    0 votes
    0 answers

  13. При добавлении контента в блоки секции, её размер должен увеличиваться.

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

    Asked by Alekss,

    0 votes
    2 answers

  14. На работает клик на меню-бургер

    Подскажите, пожалуйста, как можно исправить не работающий клик, в данном случае, по меню-бургеру. Срабатывает вместо этого hover. Заранее спасибо! <nav class="burger-menu mobile-open"> <button class="burger-menu__btn-mobile"> <i class="fas fa-bars"></i> <span>Menu</span> </button> <ul class="burger-menu__list"> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "contacts" }) </li> <li class=…

    Asked by Алеся,

    0 votes
    1 answer

  15. Как сверстать этот блок?

    blok.psdмогу ни как сверстать этот блок помогите пожалуйста, очень нужно для ДЗ blok.psd

    Asked by DenG,

    0 votes
    3 answers

  16. Не работающий слайдер

    Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от splide. Один с классом splide (работающий), другой c классом splid (не работает). Выглядит так, будто не работают стили. Отображается как не маркированный список текста и картинок. Стили добавила единожды: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.4.21/dist/css/splide.min.css" integrity="sha256-EqzwzekQXKNbB5EE4nNBQT+2gWQIWRZQXAd89YdIq8M=" crossorigin="anonymous"> Который не работает: Заранее спасибо!! <div class="foo_columns"> <div class="splid"> <div class="splid__track"> <ul clas…

    Asked by Алеся,

    0 votes
    2 answers

  17. Как поместить картинки по горизонтали?

    Привет всем! Не получается поместить картинки по горизонтали, искал ответ, не нашел. Надеюсь поможете. Жду. Спасибо!

    Asked by lepertan,

    0 votes
    2 answers

  18. div with arrow

    Добрый день. Подскажите как создать блок с таким зубцом как показано на рисунке. Спасибо

    Asked by Romario1985,

    0 votes
    2 answers

  19. Меню тащит всю страницу вниз

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

    Asked by dewqqland,

    0 votes
    1 answer

  20. Почему не отображается картинка

    Я не могу вставить изображение .Пишет ошибку файла и выдаёт альтернативу вот код.Файл в тоже папке и название 1.img <html> <head><title>Мой блог</title></head> <body> <h1 align="center"> My first blog</h11> <hr width="180px"> <img scr="C:/Users/unnamed/Desktop/сайт/1" alt="я гуль"/> <h2 align="right"><span>About Me</span></h2> <p align="right"><big>What`s up BRO.This my hirs html File</big> </p> </body> </html>

    Asked by UnnamedUkrain,

    0 votes
    5 answers

  21. Как передвинуть кнопку вправо в таблице HTML

    Вот мой код: <table class="down_table_main" bgcolor="#F7F7F7"> <tr> <td><button class="down_button_main">Подробнее</button></td> </tr> </table> Почему-то когда я использую align, ничего не происходит. А в другом коде align работает. <table border="0" bgcolor="white" width="800px"> <tr align="center"> <td> <br> <img src="https://ru-minecraft.ru/uploads/posts/2018-03/medium/1522109759_cosmicnpcs.jpg" alt=""> <h3>Мод <b>CosmicNPCs</b> - создайте второго игрока и запишите, что он будет делать.</h3> …

    Asked by Shoker2,

    0 votes
    0 answers

  22. Не понимаю, что сделал не так.

    Здравствуйте, не понимаю что происходит, максимально простое решение, добавить бэк через css. Сделал класс и прописал в css всё. Не работает, проверил 1000 раз всё, не работает. Код html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="content"> </div> </body> </html> И вот код css .content{ background: url('img/back_header.jpg'); } путь к картинке D:\web\Flaby\img Уже не первый день…

    Asked by masloy,

    0 votes
    3 answers

  23. Упорядочить страницы карты сайта тегами div

    Здравствуйте! Помогите разобраться. Для детского садика требуется создать карту сайта по новым требованиям. Карту создали с помощью генератора, внесли небольшие изменения в код, но теперь хочется упорядочить блоки по модулям на 4 столбика, как добавить новые столики понятно, главное их упорядочить. Т.е. для примера модуль подменю "важная информация" находится с верху и относящиеся к нему страницы вниз и так далее. Но к сожаление не понятно, как это можно реализовать, все добавленные вновь страницы идут последовательно вниз. Пришлось отделять тегами < p>, но вверх поднять их не получается. http://vasilyek78.ucoz.ru/Dokument/SiteMap.html адрес расположения карты сайт…

    Asked by tohastar,

    0 votes
    3 answers

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

    Привет от полного новичка в верстке. Делаю сайт и возникла небольшая проблема. В навигации html воспринимает код как обычный текст. Уже много чего перепробовал, но проблема осталась. (Css еще не подключал, а сайт на стадии каркаса) <nav> <а href="index.html">1</а> <а href="shop.html">2</а> <а href="text.html">3</а> <а href="news.html">4</а> </nav>

    Asked by Rebel,

    0 votes
    2 answers

  25. В чем может быть моя проблема? После того как я поменял формат файла с TXT на HTML, файл начал выглядеть по другому

    Вот так. ˛˝‡?¨uÜBqı©E0ç+ÀQ‘ÒÙ<–flji^ßÔ5cu™zÁ&ÎÒ´”)ÿ*à’n∞e√c«π˝‰Z^’”á“;˜9•Lèç≥ËNH∂√œSÚzÅ|gÙ¥R∏q¶?+ {wVy'eèãåSTÈÒ∞eçLRdüI∑Ñ≈ tÕ §„¶v@ZÀÁw a€Œ¡fië¯˘'ìM°^E≠oc1ˆŸ1!,uŸ˙"Ò!÷`Á®�¶À˚Yj-ëHfl©Æ|≤≥atÖ>û‘'¢⁄4ìâøyôvXíê'‹Ω+õ(Ä√i[fl;Àl÷‚r^dr†4a∑n#–ÜS—;M8`Ì£|{¬hk†[ <⁄gò®!®uóöŬ2ŸWÀ\ ÓÿŒ@qS*G¯ûÊeÂÈ Î±TLwóƒDÄswnJÚÿ.‚NÙOÃÜ©Sv°1Äö\9ºH»äbwåŸb¶(ËH‚ÁWÔÿ8∏∞’‡∫EWcíOYÑãVÚMáÉfleÚqm¸grüx2‘•)›Q[øubóSª‡—Zê‰Hm&∂©u0„{R'“W˜®s˚w…¶U¥å� ¡AA_{†{.Ͷ0∂ v∞Ÿr∫l[’≈Ÿfi≤‚‘…_ØYi†ÌÑΩ∑⁄Œ!◊lÔò*ãK‹£ßØÿy©∆Æ© à°ƒùd≥É„}qæ@53µ$Éfl>ıã5tRRåůc[Ø<Ω§∞B⁄‹∞ÆÑ≥LKgç•ÊòÃ+i`>Ôa2éˇÔîÕ?ãflπyÙU“ë¸3â†!⁄3YDO£OûK®èıU=Ä!„fi˚ut~e,O†o◊/s,»≈¢5è¿xÇ·2Ùu{öŸØ˝¡@F.æX…0…ߥ[X`ª:¡&œ'D±föΩÓ…Q£ó8M÷ó◊%‰ü˙moñ`È⁄~tdπŒ"’ÄRG" §t……

    Asked by Arseniy443,

    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