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. 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

  2. Почему же не работает class?

    Ребятки, помогите пожалуйста. Не могу понять, почему же не работает class?Помогите пожалуйста, я тупо не могу понять, почему же....

    Asked by Dessik123,

    0 votes
    4 answers

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

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

    Asked by azbyka,

    0 votes
    1 answer

  4. Бутстрап и vue?

    Можно ли сочетать сабж? А бутстрап, vue и Laravel?

    Asked by torsar,

    0 votes
    1 answer

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

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

    Asked by Gonqi,

    0 votes
    0 answers

  6. Hover, всплывающий блок внутри блока

    https://jsfiddle.net/7gb0chpj/ Чтоб при наведении на block2 всплывал PopUp Block внутри block1. Можно запедалить на чистом css3 без js?

    Asked by torsar,

    0 votes
    4 answers

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

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

    Asked by Gonqi,

    0 votes
    4 answers

  8. Обтекание картинки. Список: картинка + описание.

    Ребята хорошие и отзывчивые, привет) есть задача кровь из носу, но я в верстке не алё. Вошли и вышли, приключение на 10 минут. Суть: Необходимо из вот такого http://joxi.ru/YmEvbJOCB1XyL2 сделать такое http://joxi.ru/krDwbJ3Tg7njXA Как, что и куда написать, но МАКСИМАЛЬНО ПРОСТО?

    Asked by zlanehvataett,

    0 votes
    1 answer

  9. Как понять некоторые селекторы Bootstrap 4

    1 .btn-success.disabled или .btn-outline-info.focus Что значит вторая точка? Это класс disabled и focus? 2. .btn-outline-secondary:not(:disabled):not(.disabled):active Как это понять?

    Asked by Прогер,

    0 votes
    3 answers

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

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

    Asked by torsar,

    0 votes
    1 answer

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

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

    Asked by torsar,

    0 votes
    1 answer

  12. Ограничение по ходам в игре "Виселица"

    Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/

    Asked by Алеся,

    0 votes
    0 answers

  13. Модальное окно не работает

    Не работает модальное окно, подскажите пожалуйста в чем может быть причина. <body> <header> <div class="container"> <div class="row"> <div class="col-12"> <h1 class="text-center text-white">************</h1> <div class="itd_play btn btn-primary" data-toggle="modal" data-target="#myModal"> <div class="itd_triangle"></div> </div> <a href="#footer" class="btn…

    Asked by Барак Обама,

    0 votes
    1 answer

  14. Таблицы и изменение фона через псевдокласс :hover

    <div class="selectors"> <table class="table"> <thead> <tr> <th>Teams</th> <th>Capitains</th> <th>AWPers</th> <th>Riflers</th> <th>Riflers</th> <th>Supports</th> </tr> </thead> <tbody> <tr> <td class="navi">Na'Vi</td> <td class="gambit">Nafany</td> <td class="vp">Jame</td> <td class="gambit">Axile</td> <td class="spi…

    Asked by Мади,

    0 votes
    1 answer

  15. Почему не работает min-height: 50%

    Вот код https://codepen.io/lrenzlui-the-sasster/full/abwGbPG

    Asked by Прогер,

    0 votes
    2 answers

  16. почему не работает @media ?

    body { background-attachment: fixed; transition: .1s ease-out; padding: 0; margin: 0; } .mouse-parallax { overflow-x: hidden; } .mouse-parallax-bg { position: absolute; background-repeat: no-repeat; background-size: cover; width: 105%; height: 105%; transition: all 0.1s ease; background-image: url(/img/backgroundimage.jpg); background-color: black; background-position: center; } .btn { color: rgba(255, 255, 255, 0.993); cursor: pointer; …

    Asked by timtim,

    0 votes
    1 answer

  17. Вопрос про вывод данных в alert

    Всем привет! Подскажите, пожалуйста, почему alert выводит 'you are under 18!', затем 'you are more than 18!', а 'you are 18!' пропускает. Имею в виду, если вводить 18, то ок, но если просто нажимать "ок", то как раз 'you are 18!' пропадает. https://jsfiddle.net/4murgp2c/6/ И вот здесь https://jsfiddle.net/4murgp2c/10/ при выборе "ok" alert не должен был предотвратить вывод следующего значения (bad), который по идее должен выводиться только при нажатии на отмену? https://jsfiddle.net/4murgp2c/12/ Здесь какая-то простая ошибка, но моему глазу не видна. Вписываю "you" good не появляется. Заранее спасибо. Такие, возможно, очевидны…

    Asked by Алеся,

    0 votes
    3 answers

  18. Как работает "background-size"?

    Почему когда я вставляю фон в CSS через свойство background- size и прописываю значения cover у меня картинка обрезается, такого вроде не было. приходится прописывать значение contain, но обхватывает не весь контейнер/страницу

    Asked by kabdibereke,

    0 votes
    1 answer

  19. Как сделать вход на сайт с помощью пароля

    Здравствуйте, пишу сайт для личных нужд и требуется входить на сайт с помощью паролей. Но так это должно работать, чтобы от каждого пароля открывался свой личный кабинет с не большим изменением контента страницы. В общем принцип социальной сети... Помогите пожалуйста разобраться как это прописать? Подробно могу попробовать рассказать написавшим на почту deryabkin.sergey@yandex.ru .

    Asked by Vinni_puff,

    0 votes
    1 answer

  20. Меню Uikit3

    Доброго времени суток. css html от Uikit3 Панель горизонтального меню не переносит пункты. <nav class="uk-navbar-container" uk-navbar> Когда добавляются много пунктов меню, они растягиваются и выходят за экран. Я понимаю что столько пунктов в меню не добавляют, но все же, так быть не должно. Может кто сталкивался, подскажите как исправить, чтобы пункты переносились на следующую строку?

    Asked by Spartak-72,

    0 votes
    2 answers

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

    не отображается картинка в хтмл. она какбы есть такой квадратик появляется но самой картинки нет

    Asked by Angy,

    0 votes
    2 answers

  22. Я не знаю как "Это" создать многое перепробовал - не получилось.

    Как в верстке создать этот объект?🤔 (Углы по 60 градусов - то есть треугольник равносторонний)

    Asked by Vetal6666,

    0 votes
    1 answer

  23. Шапка

    Добрый вечер, возможно кому то покажется вопрос глупым, но все же, как тут сделать шапку профиля? Пытался использовать знания пройденного урока, но особо ничего не выходит, всё криво, пробовал выравнивать с помощью "float"...

    Asked by Greg.Cherl,

    0 votes
    1 answer

  24. Не работает внутренний отступ в верстки. Моих знаний недостаточно для решение этой проблемы, надеюсь на вашу помощью.

    Моих знаний недостаточно для решение этой проблемы, надеюсь на вашу помощью. Как можно было нагуглить, какие еще недочеты в моём коде ? index.html style.css

    Asked by Sergei.Nert,

    0 votes
    1 answer

  25. Позиционирование

    Не могу плотно расположить лого сверху. Вот как задумано:

    Asked by denielkuzo,

    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