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. Как сверстать этот блок?

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

    Asked by DenG,

    0 votes
    3 answers

  2. Как изменить 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

  3. Container в Bootstrap

    Всем привет) Самостоятельно обучаюсь верстке. Сейчас изучаю Bootstrap и столкнулась с такой проблемой: <header> <nav> <div class="container"> <ul class="menu"> <li class="menu-item"><a href="#" class="menu-link">Пункт меню</a></li> ... <li class="menu-item"><a href="#" class="menu-link">Пункт меню</a></li> </ul> </div> </nav> </header> Использую в верстке стандартный контейнер из Bootstrap'а. Его стили не трогаю. Сейчас корплю над адаптивн…

    Asked by Marri.nich,

    0 votes
    1 answer

  4. Зачем нужны meta теги?

    Я вообще не вдупляю что такое мета, и что делают атрибуты. Пожалуйста объясните тупому.

    Asked by azbyka,

    0 votes
    1 answer

  5. Как устранить ошибки валидатора

    Как устранить ошибки на https://tex-izol.ru/ ? Их можно просмотреть https://validator.w3.org/nu/?doc=https%3A%2F%2Ftex-izol.ru%2F

    Asked by texizolru,

    0 votes
    1 answer

  6. footer "прилип" к основному блоку

    Обратите внимание, я прописал, чтоб от основного блока "cart__main" вниз был внешний отступ 50px, но оно не отступает, более того, произошла какая-то странная вещь, которую я не могу описать (смотрите на оранжевый фон, который выделяет margin)... На всех остальных страницах footer выглядит отлично, как я и хочу, а тут вот какая-то проблемка приключилась( Проблему решил, не дописал закрывающий div в конце, из-за чего footer поместился в основной блок!

    Asked by Gonqi,

    0 votes
    0 answers

  7. Вопрос про размер контейнера при адаптивной вёрстке

    Есть макет: https://www.figma.com/file/HoJMDxIfQdMbFgMfgG62HK/NEW_vsesvetodiody.ru_1920-(Copy) Суть в том, что ютуберы постоянно верстают что-то, где макет только для десктопа. Тут же есть 1920 , 768, и мобилка. Для 1920 размер ограничивающего контейнера можно определить, но он я полагаю ограничен с мобилки до 768, потом от 768 до экрана ноутбука, потом от ноубука до 1920. Я в упор не понимаю, это оговаривается с заказчиком? Или используется шаблон контейнера бутстрапа? Объясните пожалуйста или скиньте ссылку на ответ.

    Asked by VadimmmmM,

    0 votes
    2 answers

  8. Анимация - процесс идет

    Во время ajax - запроса нужно отображать иконку - анимацию, мол "Процесс идет". Часики песочные или точки бегают по кругу (как в винде) или тп. Где качнуть такоя?

    Asked by torsar,

    0 votes
    1 answer

  9. Не меняется ширина объекта

    Прописал в CSS ширину, а оно ни в какое не хочет меняться, если вставить в этот блок текст, то оно будет подстраивать ширину под него... что с этим можно сделать, в чем может быть проблема?

    Asked by Gonqi,

    0 votes
    4 answers

  10. Не отображается скаченный шрифт

    Доброго вечера! Подскажите, пожалуйста, в чем проблема неотображения скаченного шрифта? Путь к файлу, если что, проверила. Заранее спасибо! @font-face { font-family:"Lato-Italic"; src: url('./fonts/Lato-Italic.ttf'); } Его использование: .three-columns__item-radius p { text-align: justify; margin: 26px 20px 0 20px; font-family:"Lato-Italic"; }

    Asked by Алеся,

    0 votes
    2 answers

  11. Не отображается картинка

    Здравствуйте, я начал изучать html мой первый язык программирования и я много не понимаю и ещё не знаю. Я столкнулся с проблемой. Хотел я вставить картинку в свой сайт но она просто не отображается на сайте. Я пробовал разные варианты и также не получалось. Пишу код в Brackets. Пожалуйста помогите <img scr="https://bigsp.ru/uploads/position/large_01c6d2f3e6c3430fbb597cac07d746f86dde1a1d.jpg" width="250" height="400" alt="Суши">

    Asked by Moon632,

    0 votes
    1 answer

  12. Иконки для соцсетей

    Ищу сабж. Собсна нужно fb, insta. viber, telega. И другие. Чтоб подключались просто (link css и дальше работаешь). Чтоб юзались просто: <i class="ico ico-facebook" aria-hidden="true"></i>

    Asked by torsar,

    0 votes
    1 answer

  13. Как применить этот код к ссылке по ID?

    Этот код меняет цвет всех ссылок, а нужно только некоторых. Как это можно сделать? a:link, a:active { color:#20B2AA; font-weight:bold } a:visited { color:#DC143C; font-weight:bold } a:hover { color:#EE82EE; font-weight:bold; text-decoration:none }

    Asked by Ralnen,

    0 votes
    1 answer

  14. Помогите решить задачку

    Помогите решить задачку: почему между div#main и div#sidebar расстояние по горизонтали 10px, если div#sidebar равен 330px и внешний отступ для div#main также 330px. В учебнике данный момент не объясняется, а я чет вообще завис. Upd: я считаю, что блоки должны быть слитны, то есть промежутка быть не должно. Почему я ошибаюсь? Starbuzz.zip

    Asked by CrystalCrystal,

    0 votes
    1 answer

  15. Почему не применяются стили?

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

    Asked by Perfeooo,

    0 votes
    4 answers

  16. Как залить полную область чёрным цветов.

    Я сделал в Фигме макет (1600х900) главной страницы, которая будет встречать при заходе на него и далее по кнопке уже переходим на освной, но не суть. Дело в том, что по середине у меня логотип, а далее внизу должна быть кнопка. Всё я это сделал. Но ниже логотипа(где должна быть кнопка), её не видно, но она есть. Там просто не заливается чёрным цветом, всё что ниже этого лога. Как это можно исправить?

    Asked by luft,

    0 votes
    3 answers

  17. Ошибка в простом коде

    На первом скрине отображено как должен выглядеть список, на втором - то, что у меня выходит. Писал следующим образом: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Листы 3</title> </head> <body> <dl> <dt> Есть много разных цветов, которые делятся на светлые и темные</dt> <ol> <li>Светлые:<li> <ul> <li>Желтый</li> <li>Оранжевый</li> <li>Розовый и другие цвета</li> </ul> <li>Темные:</li> <ul…

    Asked by adam.pulaski,

    0 votes
    1 answer

  18. Как в лендинге получить имя и номер

    Всем привет! У меня вопрос. Есть лендинг, есть форма для принятия данных покупателя. Но я не знаю куда они отправляются. Как только пользователь внесёт свои данные куда они отправятся. Где это можно настроить? В каком месте кода html? Помогите, пожалуйста

    Asked by Pavel.nols,

    0 votes
    1 answer

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

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

    Asked by fhntv1606,

    0 votes
    1 answer

  20. Три кусочека (зачёркнуто) слоя фона - градиент, заливка и рисунок. Бывает?

    Да, я умею создать проблему на ровном месте. В данном случае требуется создать шаблон для объявления, состоящий из двухцветной рамки, белого поля для текста и логотипа в его правом нижнем углу (См.пример). Первое, что приходит на ум - создать DIV с фоном - первый уровень заливки с градиентом, на него наложить белый фон и на него уже в уголок - логотип. Например, использовать параметр border-box для градиентной заливки, padding-box для белой, а логотип - в правый нижний угол content-box. Но, конечно, я всё делаю неправильно и ничего не работает. Как я понимаю, именно заливка цветом ломает работу множественных фонов. А в принципе это возможно, или нужно усложн…

    Asked by SergeAnt,

    0 votes
    13 answers

  21. Некорректная подсветка синтаксиса CSS в Notepad++

    Notepad ++ 8.1 x64, но проблема существовала и в предыдущих версиях. В таблице стилей форматирование, условно говоря, первого абзаца, отличается от остального текста. Т.е. (см. скришнот) в первом селекторе подсвечиваются ЗНАЧЕНИЯ свойств, во втором - СВОЙСТВА, в третьем - и сам селектор. Причём если добавлять или убирать/добавлять селекторы, менять их местами в таблице, то эта условная граница "перемещается", т.е. она не привязана к какому-то конкретному участку кода. Мне кажется, что это баг (или фича) NPP++ и не стОит искать в этом поведении какой-то логики. Подсвечивает, и ладно. Но может всё же есть рациональное объяснение этому странному поведению? В частности, если…

    Asked by SergeAnt,

    0 votes
    3 answers

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

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

    Asked by Dexader,

    0 votes
    1 answer

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

    Подскажите, пожалуйста, как можно исправить не работающий клик, в данном случае, по меню-бургеру. Срабатывает вместо этого 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

  24. Адаптивность колонок

    Подскажите, пожалуйста, что можно прописать, чтобы при уменьшении разрешения экрана колонки справа смещались вниз? Весь код в песочнице https://jsfiddle.net/fzbkeLyt/ Пробовала: Но не сработало. @media (max-width: 1200px) { .container { max-width: 970px; } } @media (max-width: 992px) { .container { max-width: 750px; } } @media (max-width: 767px) { .container { max-width: none; } }

    Asked by Алеся,

    0 votes
    3 answers

  25. Margin сверху выходит за границу элемента - родителя. Как это можно исправить?

    У меня есть элемент-родитель - div белый прямоугольник, внутри него вставляю картинку, прописываю ей margin, с левой стороны оно передвигается нормально, а сверху не хочет.. Если посмотреть через инструмент разработчика, то видно, что margin есть, но оно выходит за границу div - родителя. Не понимаю, в чем проблема..причем проблема не только здесь, но и еще в некоторых местах. С таким сталкиваюсь впервые.

    Asked by Gonqi,

    0 votes
    3 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