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. Проблема с классами

    Уделите пару минут! Я работаю в Brackets , новичок. Проблема в том что я не могу задать класс (class) для списка ul . В папку с CSS выдает ошибку . Я пытался об,явить его через ul div и даже через .<p> Помогите пожалуйста , если нужна доп. информация вот email : danil.googlle@gmail.com Заранее спасибо !

    Asked by Danil822,

    0 votes
    3 answers

  2. Как записать функцию в массив

    Как записать функцию в массив с разными параметрами. Хотелось бы видеть пример, чтобы потом можно было вызвать эту функцию. А то не получается: var walk = []; ... walk[0] = createWalk(0,0,200,0); walk[1] = createWalk(200,0,200,100); walk[2] = createWalk(200,100,0,100); walk[3] = createWalk(0,100,0,0); ... for(var i = 0; i < walk.length; i++) { ... }

    Asked by Katerina23,

    0 votes
    2 answers

  3. Такое делают на HTML?

    Привет. Постигаю азы, спать/есть не могу, хочу быть среди тех кто умеет делать "матрицу")) Начитался разных самоучителей, каких-то в большей, каких-то в меньшей степени, но уже думаю в практике закрепление навыков будет существенно эффективнее. Задача такая: сделать четыре кнопки, сегментировать их на 30 делений. При нажатии кнопки закрашивается один её сегмент. (по типу как индикация батарейки при зарядке на мобильнике) И получится своеобразный счётчик нажатий на кнопку. При нажатии 30 раз, кнопка закрашивается полностью и к примеру становится не активной. На данный момент посредством HTML (тег BUTTON, без FORM, просто сделал пока кнопки нужног…

    Asked by malkovan,

    0 votes
    4 answers

  4. Форма, которая при вызове с разных кнопок, должна скрывать некоторые поля

    Всем доброго времени суток! У меня есть одна форма, которая при вызове с разных кнопок, должна скрывать некоторые поля. Вот кнопки: <a data-target="#call">Кнопка 1</a> <a data-target="#call">Кнопка 2</a> Вот форма: <div id="call"> <form> <div class="pole1">Поле 1</div> <div class="pole2">Поле 2</div> </form> </div> Форма может иметь только один ID, в моем случае это “call”. Как сделать, чтобы при клике на “Кнопка 1” отображалось только “Поле 1”? Как сделать, чтобы при клике на “Кнопка 2” отображалось только “Поле 2”? Сайт делаю для себя. Знани…

    Asked by S_A_N_T_A,

    0 votes
    1 answer

  5. Не работает <audio>

    Вряд ли это проблема вёрстки, но я не знаю, куда ещё написать. Пробую добавить на страницу звук с помощью <audio>. В Firefox работает, а в Opera нет. Нет звука в Opera 36.0 для Windows и Opera 47 для Андроид. Добавил controls - плеер появился, но кнопки неактивны. Испробовал все возможные варианты синтаксиса - нет звука, хоть тресни. Хотя на других сервисах типа Youtube звук в Opera есть. Давал слушать другим людям - у большинства звука нет, но опроса насчёт браузеров не проводил. Ссылка

    Asked by Pinguin,

    0 votes
    2 answers

  6. Непонятный отступ

    Всем привет! Мне нужно сделать горизонтальное меню посередине страницы. Я его сделал и через <ul>, при этом width 100% и margin 0, но почему-то слева возник отступ от края страницы. Градиент на заднем плане - это background-image, и там болжны быть белые отступы, потому что картинка такая, а отступ у меню быть не должен.. Не подскажите, как это исправить? Код и скриншоты прилагаю. <body> <div class="topnav"> <ul> <li ><a href="default.asp" id="first">Л1</a></li> <li><a href="news.asp" id="second">Ф2</a></li> <li><a href="contact.asp" id="third">С3…

    Asked by wavelolmu,

    0 votes
    2 answers

  7. Что правильнее использовать для блоков?

    Что правильнее использовать в содержимом контенте странице. К примеру если речь идет о блоках кейсов товаров. Я например использую flex или float. Но не давно услышал что для содержимых лучше использовать inline-block, мол якобы flex и float не схлопываются в маржинах. Или я что то не понял?

    Asked by viliksar,

    0 votes
    5 answers

  8. Проблема с выпадающим меню, оказывает влияние на активные кнопки.

    Добрый день! Подскажите как поправить код, дело в том когда я добавляю код на страницу его стиль цепляет другие активные кнопки на сайте Код: Скрытый текст <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <style> body { } .cm-e-menu1{background-color: #222; position: relative; z-index: 1000; color: #fff; font-weight: 200; box-shadow: 0 0 5px black; } ul { font: 1em/1.2em Helvetica, Arial, sans-serif; margin: 0; padding: 0; } ul li { } li { position: relative; display: inline-table; list-style: none; } li a { display: block; padding: 1em 1.2em; color: #ccc; text-decoration: n…

    Asked by LokiBrayn,

    0 votes
    1 answer

  9. Окрытия мобильного приложений по клику на ссылку

    Всем привет, может знает кто-нибудь реализацию открытия приложения по клику на ссылку?

    Asked by Web-Migi,

    0 votes
    1 answer

  10. Слайде owl на мобильнике

    Здравствуйте, проблема в том что на мобильных устройствах слайдер не скролится вертикально то есть если провести по слайдеру пальцем скрола вниз или вверх не будет, только на айфоне работает на андроиде и в хроме при эмуляции не работает помогите разобраться в чем причина. вот ссылка - https://dina-stom.ru/

    Asked by Самат,

    0 votes
    0 answers

  11. Как верстаются сайты не статические ?

    На данный момент я верстаю сайты как статическую страницу и далее ничего с ним не делаю. 1. На сколько сильно отличается верстка сайта для CMS систем и для фреймверков JS, и что входит в мои обязанности ? 2. А так же что я должен в идиале делать с макетом чтобы он был готов для дальнейшей работы с ним ?

    Asked by AbaGardon,

    0 votes
    0 answers

  12. Масштабирование картинок для смартфонов

    Мне тут не давно помогли сделать отображение записей три в ряд. И в стилях заметила вот такой код: .card__description > :first-child { margin-top: 0; } Мне нужно, то же сделать сравнение если масштаб картинки больше размер экрана смартфона, то установить для картинок width:100%. Если же не больше то оставить как есть. Дело в том, что у меня в тексте встречаются много картинок и не все нужно масштабировать?

    Asked by Katerina23,

    0 votes
    3 answers

  13. Потомок прячется за полосой прокрутки

    Есть блок у которого есть вертикальная прокрутка. У него есть потомок, который спозиционирован абсолютно. Но этот абсолютно-спозиционированный потомок не вылазит через полосу прокрутки, а прячется за ней http://skrinshoter.ru/s/221018/KVTFyMBR Как сделать чтобы он не прятался? z-index не помогает https://codepen.io/anon/pen/OBwQEb

    Asked by yaparoff,

    0 votes
    1 answer

  14. Добавить полосу прокрутки

    Есть фиксированный сайдбар. Высота его 100vh. Если экран монитора низкий и пункты это блока не полностью влазят, то у него должна появляться полоса прокрутки http://skrinshoter.ru/s/221018/q2922fiM Добавил ему свойство overflow-y: auto; Какую сделать минимальную высоту не знаю, потому что здесь может быть сколько угодно пунктов https://codepen.io/anon/pen/PyBmrm

    Asked by yaparoff,

    0 votes
    3 answers

  15. Как поместить меню на слайдер bootstrap 4?

    Всем привет. У меня возникла проблема, я не могу поместить прозрачное меню navbar на слайдер bootstrap 4. Получается, что меню вверху, а под ним слайдер( HTML: Скрытый текст <!doctype html> <html lang="ru"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity=…

    Asked by maxfloyd,

    0 votes
    0 answers

  16. Сдвигается вёрстка при длинном названии и описании

    Делаю страницу, где будут отображаться записи три в ряд. Картинки должны быть вровень стоять как-будто это табличная верстка. Вот как должно быть: а вместо этого я получаю: Как это можно исправить? Я специально выбрала размещение записей, через div контейнер, чтобы можно было потом быстро подогнать сайт под мобильные устройства. Вот мои исходники: site.rar

    Asked by Katerina23,

    0 votes
    6 answers

  17. Как сделать такую сетку

    Итак, имеется 4 блока, на мобильных устройствах они располагаются в столбик, друг за другом. Задача: сделать для больших разрешений сетку в два столбца, в которой высота всех блоков может быть различной, и не должно быть разрывов между блоками

    Asked by chocolate_moles,

    0 votes
    15 answers

  18. Сьезжает верстка в firefox

    Добрый день, сверстал страницу с блоком новостей которые идут под меню колонкой, по одному блоку в ширину контейнера. В хроме все нормально и в файрфокс на моем ноутбуке с разрешением 1366х768 тоже, но с другого компа верстка сьезжает именно в firefox. Немного полазил в браузере и блок становится на место если убрать overflow: hidden, но тогда текст соотвественно вылезает за пределы блока. Скинул весь css на всякий случай. body { margin: 0; padding: 0; background: url(/img/casfon.jpg); } .frame { width: 1200px; background-color: white; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } .box { width: 1100px; margin: 0 auto;…

    Asked by мурамаса,

    0 votes
    1 answer

  19. проблема c width

    Привет, кто может, хелп. Есть сайт( не реклама если что) http://goodmoons.ru/ugg-sale3/?utm_referrer= , попросили немного переделать, https://jsfiddle.net/s41y9o5q/- вот код переделанный. Но возникла проблема: на мобильных разрешениях у оригинала Body 480px остается и тянется все содержимое пропорционально размеру экрана, в моей же версии такого не происходит, а боди 960px почему то, и не поменялся width, хотя для wrapper и body задал теже параметры, что и в оригинале Вопрос решил viewport 480 стоял

    Asked by exoty,

    0 votes
    0 answers

  20. Bootstrap: Выпадающее меню, цвет фона

    День добрый. Не могу никак разобраться. Прошу помощи... Делаю сайт на bootstrap. Есть главное меню с выпадающими подпунктами. При ховере на пункте меню (Раздел) он меняет цвет. Однако при переносе курсора на выпадающее меню (Подменю) выделение пункта меню Раздел пропадает. Как-то можно задать фон для Раздела, когда курсор находится на подразделах? Пример тут

    Asked by dron,

    0 votes
    2 answers

  21. Отличается-ли bootstrap-sass от bootstrap-scss ?

    Отличается-ли bootstrap-sass от bootstrap-scss ? Если я пишу код на scss а подключаю стили npm bootstrap-sass ? Делаю все это через npm.

    Asked by AbaGardon,

    0 votes
    4 answers

  22. Wordpress слайдер

    Всем привет, как можно реализовать такой слайдер на платформе wordpress. скриншот, и ссылка на источник http://www.futsaldynamo.com/ . Функционал слайдера таков: выводит 4 поста сбоку (которые мы укажем в админке ,) и главный большой блок слайдера это картинка и контент текущего слайда ? Спасибо за внимание и помощь , благодарен любому совету.

    Asked by four17,

    0 votes
    2 answers

  23. особый вид элемента на Flexbox

    zebra-tara.ru на главной странице есть блок с популярными товарами чтобы его организовать, мне пришлось делить список на две части. отдельно в своём контейнере выводится большой первый элемент и далее - остальные, тоже в flex контейнере можно добиться такого визуального представления как-то иначе (без разделения UL списка), когда первый элемент имеет большой размер? мне это потребуется, чтобы на малых разрешениях навесить на этот список owl carousel, а получается, что первый элемент оторван.. Полагаю, это можно как-то решить с колонками, а не строками, но мне этот фокус не удался

    Asked by d0ublezer0,

    0 votes
    10 answers

  24. Как наложить логотип на меню?

    Пытаюсь сделать подобное: логотипу задано position: absolute, при изменении значения top, логотип поднимается, но прячется под меню z-index в этом случае не помог, скорее всего потому что каркасы расположены не рядом надеюсь на подсказку, сайт - ikona-radoneg.ru

    Asked by serenada,

    0 votes
    0 answers

  25. Фиксированный сайдбар не всегда влазит по высоте страницы и не его не получается прокрутить

    При скролле страницы сайдбар должен оставаться зафиксированным. Высота сайдбара должна быть всегда во весь экран. При этом нижний блок сайдбара всегда должен быть прибит к низу. Это все реализовано, НО что делать если высота экрана низкая: в этом случае сайдбар начинает прятаться вниз, а так как он position: fixed он не скроллиться вместе с таблицей. http://skrinshoter.ru/s/161018/xV91Tuns https://codepen.io/anon/pen/MPrKKq Как решить эту проблему?

    Asked by yaparoff,

    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