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. Плавающий background

    Привет, как реализуется плавающий background img, например как на http://air-plane.by (это не реклама)?

    Asked by exoty,

    0 votes
    1 answer

  2. Подскажите как правильно стилизовать placeholder с помощью sass

    Первый вопрос: - Нужно ли использовать эти кроссбраузерные плюшки для стилизации placeholder'a? Не устарели ли они? ::-webkit-input-placeholder {color:#c0392b;} ::-moz-placeholder {color:#c0392b;}/* Firefox 19+ */ :-moz-placeholder {color:#c0392b;}/* Firefox 18- */ :-ms-input-placeholder {color:#c0392b;} Второй вопрос - Использую Sass, как правильно стилизовать placeholder? Не могу понять куда писать этот код и как правильно он оформляется в sass &-form margin-top: 98px &_main-form input display: block margin: 0 auto height: 67px width: 370px padding: 29px 0 29px 36px По идее он должен писаться под п…

    Asked by Владимир Горинов,

    0 votes
    1 answer

  3. Модуль сайта

    Когда тыкаю на данную кнопку, на этой же странице появляется следующее окно Подскажите как это правильно называется, что гуглить. https://www.askona.ru/krovati/krovati/krovat-romano.htm Ссылка для более хорошего понимания сути вопроса. Работает схоже с тем как появляется окно предпросмотра перед публикацией вопроса на этом форуме.

    Asked by purple/ocean,

    0 votes
    1 answer

  4. Проблема с позиционированием

    Добрый день, что делаю не так? Глаза уже замылил себе пытаясь найти причину. Нужно сделать - спозиционировать картинки так, что бы центральная перекрывала все, а 2 боковые были за родительским блоком и за центральной картинкой Тык А получается только вот так - 2 боковые позади центральной, но не могу их поставить позади родителя - Тык Либо подскажите как грамотно оформить этот блок с будущим нацеливанием на адаптивность. <div class="row"> <div class="col"> <div class="services-boxes"> <div class="services-boxes_first-box"> <img class="services-boxes_first-box__first-house" src="img/first_house.png" al…

    Asked by Владимир Горинов,

    0 votes
    1 answer

  5. Алгоритм верстки схем

    Привет, ребят, не имею опыта верстки подобных схем, объясните принцип верстки подобного

    Asked by exoty,

    0 votes
    1 answer

  6. Как заставить box-shadow перекрывать контент?

    Использовал скрипт меню https://tympanus.net/Development/MultiLevelPushMenu/ для своего сайта https://www.zebra-tara.ru/ Меню доступно только на разрешениях меньше 768 по ширине Получается, что тень от меню не перекрывает сдвигаемый слой, а точнее - абсолютно позиционированные элементы на нём. Посоветуйте, как исправить? Я пробовал давать больший индекс тени, но тогда она перекрывает последующие уровни меню

    Asked by d0ublezer0,

    0 votes
    1 answer

  7. After по центру блока

    Привет, как сделать after по горизонтали блока? https://jsfiddle.net/kLmxszwj/

    Asked by exoty,

    0 votes
    1 answer

  8. Как правильно прописать путь к странице html в адресной строке

    sandraflower.com/index_catalog.html Путь до страницы. Как сделать, чтобы он был: sandraflower.com/catalog?

    Asked by Юлия_36,

    0 votes
    1 answer

  9. Выравнивание таблицы влево

    Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой http://skrinshoter.ru/s/100818/0jkG6HkA Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало Что можно сделать? https://codepen.io/anon/pen/VBqBmw

    Asked by yaparoff,

    0 votes
    1 answer

  10. Jade. Избавиться от дублирования кода

    Есть код. Он дублируется. Как можно избавиться от этого дублирования в данном случае? .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell …

    Asked by yaparoff,

    0 votes
    1 answer

  11. Отправка заявки на почту

    Выводится "Письмо отправлено" при попытки отправки заявки на почту на локальном сервере и на хостинге. Но сообщение не приходит на почту, как это можно исправить? Спам проверяла, там тоже письма нет. Помогите, пожалуйста

    Asked by Юлия_36,

    0 votes
    1 answer

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

    Делаю меню. должно получиться как на первой картинке. Фон белый, на нем слева изображение правее надписи. Получается надписи делать только ниже изображения, либо справа как и нужно, но тогда фон пропадает. Подскажите пожалуйста как делать. HTML: Скрытый текст <div class="top"> <div class="img"> <img src="monopo.jpg" width="100"/> </div> <div class="info"> Главная </div> <div class="info"> Контакты </div> </div> CSS: .top { background-color: #FFFFFF; padding: 10px; } .info { margin-left: 20%; font-size: 20px; }

    Asked by monopo,

    0 votes
    1 answer

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

    Добрый день! Подскажите как поправить код, дело в том когда я добавляю код на страницу его стиль цепляет другие активные кнопки на сайте Код: Скрытый текст <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

  14. Не могу настроить списки услуг

    Добрый день, изучаю html & css, скачал макет и попытался настроить под себя взяв различные данные, но вот со списком во втором блоке ( перечень услуг) у меня не вышло, подскажите пожалуйста, как исправить и выравнить списки услуг? Хочу вставить еще один ряд услуг потом. Вот ссылка: https://tatufiesta.000webhostapp.com/

    Asked by Nevsky74,

    0 votes
    1 answer

  15. Сделать кружок списка с фоном при наведении на ссылку

    При наведении на пункт меню нужно, чтобы кружок становился так же с фоном с ссылкой: http://joxi.ru/4AkkNXoFyD0yyA пробовал вместо li a, делать структуру a li но тогда вообще пропадает кружок: http://joxi.ru/vAWNQEKc1ZB1d2 придумал способ, просто вставить span с кружком, но как ему задать стили, чтобы был по центру? когда задаю ему фонтсайз, то он поверху становится http://joxi.ru/Drl1JxocvDGKJm Придумал! top: 20px; position: relative; Но конечно это костыль. Может можно сделать чтобы к li применялся фон и цвет при наведении на li a?

    Asked by nikki4,

    0 votes
    1 answer

  16. Прижать таблицу к верхней части контейнера

    Написал страничку: Скрытый текст <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>testPrj</title> <style> .wrapper { height: 100%; display: table; width: 100%; } .header { display: table-row; height: 1px; } .main { height: 100%; display: table; width: 100%; } .horizontalbar { display: table-row; height: 0px; } .box { display: table-cell; } .sidebar { width: 0px; …

    Asked by ioprst,

    0 votes
    1 answer

  17. <sup> в миксине jade

    нужно чтобы через jade отобразились корректно "см2". Ну чтобы цифра 2 была мелкой и выше. В HTML делается с помощью тега <sup> Но как этот тег передать, если я передаю строку в миксин jade ? +input('name', 'Площадь, см2') +input('name', 'Площадь, см<sup>2</sup>') https://codepen.io/anon/pen/XoMXdj

    Asked by yaparoff,

    0 votes
    1 answer

  18. Помогите сверстать блок

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

    Asked by dm-stanislav,

    0 votes
    1 answer

  19. Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта

    Подскажите, пожалуйста, как растянуть фоновую картинку, заключенную в div, на всю ширину вьюпорта? Сейчас она отображается посередине, по ширине макета. Указывала ширину 100%, 1200px, минимальную ширину 1200px - не работает. <div class="banner"> <div class="container background-image"> <div class="banner_text"></div> </div> </div> CSS: .background-image { background-image: url('/img/new_oranges.jpg'); background-size: cover; height: 200px; }

    Asked by Алеся,

    0 votes
    1 answer

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

    Для смены языка на сайте нужно в адрес добавить например /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

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

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

    Asked by Moon632,

    0 votes
    1 answer

  22. Не работает justify-content

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800&display=swap" rel="stylesheet"> <title>TradeMine - Гарант Сервис Minecraft</title> </head> <body> <header class="header"> <div class="container"> &…

    Asked by Stomi32,

    0 votes
    1 answer

  23. Как сделать чтобы кнопки были на одной линии Listen, Watch, Read

    https://vasyldubno.github.io/project1/#blog https://github.com/vasyldubno/project1

    Asked by vasyl_runner,

    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