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. Не срабывает display: none в слайдере js

    Всем привет! Помогите, пожалуйста, найти ошибку в js. Почему-то не срабатывает display: none когда задумано скрыть первую картинку. btn_next.onclick = function () { images[i].style.display = 'none'; } Весь код здесь https://jsfiddle.net/Lx3qagdp/1/ Заранее спасибо!

    Asked by Алеся,

    0 votes
    4 answers

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

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

    Asked by torsar,

    0 votes
    4 answers

  3. Как убрать границы background

    <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Майор Гром</title> </head> <body> <div class="layer"></div> <div> <h1>Бла бла бла</h1> </div> </body> </html> https://imgur.com/a/9w6BqYb Как убрать границы сверху и снизу картинок, только как не пытался, ничего не получается Скрытый текст

    Asked by EnotWorld,

    0 votes
    1 answer

  4. Не подключается css

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

    Asked by Viktor_X,

    0 votes
    2 answers

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

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

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

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

    Asked by Vetal6666,

    0 votes
    1 answer

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

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

    Asked by denielkuzo,

    0 votes
    1 answer

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

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

    Asked by kabdibereke,

    0 votes
    1 answer

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

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

    Asked by Angy,

    0 votes
    2 answers

  10. Как сделать эффект предзагрузки ?

    Добрый день. В интернете не нашел ответа. Есть небольшое промо видео на 4 секунды, формат неважен сделаю любой, как его можно использовать в качестве эффекта для предзагрузки сайта ? Нужно, чтобы при открытия сайта на весь экран шло видео а как закончится открылся бы сайт. Подскажите пожалуйста

    Asked by G280,

    0 votes
    1 answer

  11. Как сделать фон страницы

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

    Asked by Evgen73,

    0 votes
    2 answers

  12. Как исправить блок под Safari?

    Сверстал страничку. На Хроме, Опере, ФФ отображается норм. А вот в Safari этот блок растягивает. У меня нету техники apple что бы залезть в консоль. Может кто-нибудь поможет? Префиксы вроде бы на месте.Вот как в остальных браузерах и в Safari <div class="container"> <main class="3d-print-pages"> <section class="price-section padding-left"> <div class="price-section__call"> <h2 class="price-section__text-heading">Стоимость печати рассчитывается следующим образом:</h2> <div class="price-section-text-wrap"> <p class="price-section__text-price-strong"><strong>Цена 1 грамма пластика (ABS, PL…

    Asked by Bastian,

    0 votes
    2 answers

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

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

    Asked by Прогер,

    0 votes
    2 answers

  14. Как понять некоторые селекторы 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

  15. Не правильное отображение страницы

    При уменьшении ширины страницы, уменьшение блоков быстрее происходит быстрее (тоесть блоки быстрее сужаются и между блоком и границей свободное пространство) при том что width=100% для body и section. В чем может быть проблема? (CSS стили отключал, проблема не исчезала, значит дело в самомо HTML)

    Asked by unicorn,

    0 votes
    1 answer

  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. Как сделать следующий функционал?

    Всем привет! Есть интересный вопросик. Нужно реализовать такое же поведение, как и на картинке. Подскажите, как это можно сделать при помощи css html. без js Всем Спасибо за ответы!

    Asked by antonylevitsky,

    0 votes
    1 answer

  18. Ошибка пути файлов css и js

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

    Asked by Kust,

    0 votes
    1 answer

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

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

    Asked by torsar,

    0 votes
    1 answer

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

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

    Asked by Sergei.Nert,

    0 votes
    1 answer

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

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

    Asked by Vinni_puff,

    0 votes
    1 answer

  22. Изображение в строку на всю ширину экрана.

    Доброго всем дня! Подскажите, пожалуйста, начинающему верстальщику. Как сделать подобное в строку и что бы крайние изображение растягивались на всю ширину экрана, в зависимости от того, какое разрешение у пользователя. К слову, может есть способы не картинками, а блоками сделать подобное? Скриншот прилагаю.

    Asked by Evilejik,

    0 votes
    2 answers

  23. Вопрос про вывод данных в 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

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

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

    Asked by Dessik123,

    0 votes
    4 answers

  25. Никак не хочет меняться шрифт

    Пункт навигации у меня 18го шрифта: И везде где есть эта навигация, все выглядит отлично, как я и хочу: НО конкретно на одной странице оно меняется на более крупный размер и я не понимаю почему...и тем более не понимаю, как это можно исправить? Еще хочу добавить, что такое случается только при просмотре сайта через телефон

    Asked by Gonqi,

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