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. Текст уезжает за границы

    Ребята, выручайте. Есть задача сделать плитку с датой, как во вложении. Сделал рамку скруглённую в виде фонового изображения блока div. Внутри div сделал 3 тега "р" , так как у каждого текста свои стили должны быть и отступы разные. Но текст разъезжается и вылезает за выделенные для него границы. Подскажите, как быть.HTML<div class="latest"><p class="number">15</p><p class="june">June</p><p class="year">2016</p></div>CSS.latest {background-image: url(image/square.png);width: 98px;height: 139px;margin-left: 445px}.number {padding-top: 32px;color: #000000;font-family: Poppins;font-size: 32px;font-weight: 500;height: 24px;}.jun…

    Asked by Laeda87,

    0 votes
    1 answer

  2. При наведение мышки на ссылку изменить фон другого элемента.

    .price__link:hover .price__title { background-color: #49cbcd; } Верстаю учебный макет и не получается сделать так что бы при наведении курсора мышки на ссылку изменялся фон другого элемента. Что может быть не так? Скрытый текст <div class="price__item"> <div class="price__title"> Basic </div> <div class="price__cost"> $5.01/ Month </div> <div class…

    Asked by Genazb,

    0 votes
    5 answers

  3. оцените блог

    оцените блог http://radijo.noip.me/

    Asked by windows,

    0 votes
    1 answer

  4. Хочу узнать по поводу платных онлайн-курсов

    Всем привет! Я новичок в этой сфере и пытаюсь найти информацию в гугле. Часто натыкаюсь на рекламу онлайн курсов по программированию. Подскажите, есть ли хорошие курсы, стоит ли их покупать?

    Asked by true_exploit,

    0 votes
    2 answers

  5. проблемы с расположением текста

    как в css сделать так, чтобы текс был сверху кнопки (в верхней ее части) без создания контейнера?

    Asked by Dmitry3258,

    0 votes
    1 answer

  6. Как сделать подобный "виджет"

    Добрый день. Не подскажите как можно сделать подобное через css или это только через JS? Или хотя бы как это называется, чтоб знать от чего оталкиватся при поиске. Перерыл все способы названия, но так похожего и не нашел.

    Asked by FotGOD,

    0 votes
    1 answer

  7. разные версии страниц по устройствам

    Привет. Как такое возможно сделать, чтобы отдавались разные версии страниц, в зависимости от устройства? Сделано, например в wildberries.ru Адреса страниц одинаковые, а оформление разное. И это не адаптив, а именно разные версии страниц. Определяют типа клиента на сервере и используют разные макеты?

    Asked by d0ublezer0,

    0 votes
    2 answers

  8. Отменить overflow для внешнего дива и вернуть для внутреннего

    Доброго дня! Не могу отменить overflow для внешнего дива и вернуть для внутреннего. Помогите! http://dabblet.com/gist/ecf15d87d3f339c4364d513f6a36e239

    Asked by abceprst,

    0 votes
    0 answers

  9. Как при нажатии кнопки удалить тег "p" с содержимым?

    У меня есть тег <p>. В теге <p> размещена кнопка и поле. Можно добавить новый тег <p> c полем и кнопкой. Как при нажатии кнопки удалить тег p с содержимом. Работает только первая кнопка, при создании новых тегов и нажатии кнопки, они не удаляются. Вот код: <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <button id="removeAll">Удалить всё</button> <button id="addLine">Новая линия</button> <div id="orderForm"> <p class="orderLine" width="90%"> <input name="field1" type="text" id="field1"> <button id="removeLine">Удал…

    Asked by Katerina23,

    0 votes
    1 answer

  10. Добавление блока и перестановка последующих

    Можно как-то с помощью HTML & CSS сделать так что когда добавляешь новый блок на страницу, то предыдущие сунуться в бок, а последний переходит на другую страничку, и так далее. Например если добавить новый товар в интернет магазин, то все товары по итогу посунуться на один, а последний перейдёт на следующею страницу. А если только с помощью JS или еще как то какой самый простой способ.

    Asked by Serhii Durov,

    0 votes
    1 answer

  11. Онлайн сервис калькуляторов или расчетов

    Добрый день! У меня есть сайт где продаем различные строительные материалы. Сейчас там таблицы с перечнем услуг и примерными ценами и как правило клиенты звонят что-бы уточнить что-то, найти. Это очень отнимает времени. Решили как-то автоматизировать дело, чтобы все расчеты, выбор материалов, комплектующие клиент смог выбрать и ему тут же отобразилась нужная цена. У фрилансеров поспрашивал, выходит очень дорого и много делать. Может есть ли какие-нибудь вообще сервисы онлайн для создания калькуляторов или расчетов. Чтобы я мог пусть и не самостоятельно, с чей нибудь помощью на первое время, попробовать создать то что мне нужно?

    Asked by adrk00,

    0 votes
    22 answers

  12. Как сделать подсвечивания поля с ошибками, bootstrap?

    Я использовала старую версию bootstrap 3.3.5 сейчас я подключила Bootstrap v4.3.1. и вот этот код больше не работает. errorPlacement: function ( error, element ) { error.addClass( "help-warrior" ); if ( element.prop( "type" ) === "checkbox" ) { error.insertAfter( element.parent( "label" ) ); } else { error.insertAfter( element ); } }, highlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).addClass( "has-error" ).removeClass( "has-success" ); $( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" ); }, unhighlight: function…

    Asked by Katerina23,

    0 votes
    7 answers

  13. Помогите доделать задание, пожалуйста. Наработки присутствуют.

    Я сделал вот это - внизу скрин. Надо сделать то, что под 8 и 9 номером. Как это сделать? уже неделю ищу - не могу ничего найти. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Four sectors circle</title> <meta name='viewport' content='width=device-width, initial-scale=1'> </head> <body> <h1>Круг из четырех секторов</h1> <style> .custom-button>use { fill: rgb(202, 20, 36); } .custom-button:hover { stroke: black; …

    Asked by romanlol,

    0 votes
    0 answers

  14. Корректировка паттерна

    Доброго времени суток, подскажите пожалуйста, есть форма, в которой есть два поля, одно для имени, другое для телефона. На каждом из них есть паттерн, для первого поля просто символы, для второго просто цифры в формате. Сейчас это выглядит так: pattern="80[0-9]{2}[0-9]{7}" И получается что пользователь должен ввести значение 80ххххххххх. Но так не сильно удобно читается, как этот паттерн переделать, что бы можно было вставить скобки? Примерно так 80(хх) ххх-хх-хх А в идеале в таком формате +375 (хх) ххх-хх-хх Но почему то если я просто так добавляю эти значения вручную, паттерн вообще не работает и пропускает все подряд!? pattern="+375([0-9]{2})[0-9]{3}-[…

    Asked by oleg126,

    0 votes
    3 answers

  15. Картинка фона уходит в margin

    Изучаю поведение тега background-size, даю ему значение contain и фоновое изображение прячется в margin: https://jsfiddle.net/abceprst/upb3jkd6/1/ Что происходит и почему так? Если отменить для него no-repeat, то замостит весь экран.

    Asked by abceprst,

    0 votes
    15 answers

  16. Отступы блоков Flex Box

    Зравствуйте, у меня два флекс контейнера. class logo class menu мне нужно чтобы контейнер class menu ужался с правой стороны Прикладываю код: https://jsfiddle.net/RomanFF/513wcj60/2/

    Asked by РоманФ,

    0 votes
    1 answer

  17. Автоматические отступы у строчных и блочных элементов

    Здравствуйте, у меня два вопроса, буду благодарен за ответ 1.Когда в теге DIV делаешь text-align:center; текст внутри выравнивается по центру блока в самом верху блока, но если внутри него вставить тег p(он получается тоже блочный), текст делает сверху отступ. Я раньше думал что когда внутри одного блочного элемента div создается другой блок <p> и отступ сверху будет равен верхней части контейнера, но там идет отступ намного больше. Не понимаю откуда вообще взялся этот отступ сверху. цифры 8 и 9 2.Я свойством inline-block цифру 11 сделал строчным элементом, и расстояние между 10 и 11 цифрой увеличилось еще больше. Почему так получилось, и от чего это …

    Asked by РоманФ,

    0 votes
    1 answer

  18. Сменяющийся текст

    Добрый день. Есть текст. 2 предложения. Хочу чтобы выводилось только одно, а потом заменялось на другой. И так по кругу: 5 сек одно, 5 сек другое. ГИФ анимацию не хочу. Нужно на HTML+CSS. В крайнем случае простейший js. Помогите, пожалуйста. Заранее спасибо!

    Asked by dron,

    0 votes
    3 answers

  19. Проблема с мобильной версией сайта (верстка css)

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

    Asked by Chmil,

    0 votes
    1 answer

  20. Помогите с эффектом наложения

    Здравствуйте! Помогите, пожалуйста! Есть два блока (div): один с картинкой, а другой с текстом. Нужно реализовать: сначала блок с картинкой должен перекрывать блок с текстом, а потом блок с текстом должен перекрывать блок с картинкой. Для этого я делал в попытке реализации данного эффекта: .image { display: inline-block; Position: absolute; z-index: 1; } @Keyframes block_overlap { from { z-index: 0; } to { z-index: 2 } } .text { display: inline-block; position: absolute; animation-name:…

    Asked by Andrey_Afonchenko,

    0 votes
    1 answer

  21. Как показать/скрыть DIV ?

    как при нажатии на слово-ссылку показать под этой ссылкой текстовый блок <div style='display:none;'>text text text</div> а при повторном нажатии спрятать этот блок?

    Asked by amanito,

    0 votes
    14 answers

  22. Как растянуть меню и сохранить контент по середине?

    Здравствуйте, не подскажите как растянуть выпадающее меню на всю ширину страницы, что бы контент/ссылки так и оставались на середине? Догадываюсь, что проблема в позиционировании "absolute" "relative", но знаний не хватает куда что прописать. Вот код css: #menu-wrapper {display:block; width:960px; margin: 0 auto;} /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } /* Menu Container */ .nav { display: inline-block; position: relative; …

    Asked by vignaliizada88,

    0 votes
    0 answers

  23. Safary и Chrome мобильные устройства - позиционирование футера

    Бобра всем! Обычно элемент (футер) прибить к bottom экрана просто: - или через абсолтное позиционирование и свойство bottom - через свойство height в vh - через flex Но у сафари (и теперь с недавних пор Chrome) для мобильных устройств стандартные методы вызывают эффект описанный в этой статье: Ссылка на описание бага Если коротко, то нижняя часть интерфейса браузера мобильного устройства перекрывает прибитый к футеру элемент. Сейчас я кое как решил этот эффект путём JS : вычисляю реальную видимую рабочую высоту экрана (в которую не входит интерфейс браузера), вычисляю высоту элемента, который я хочу прибить к низу, и абсолютно его позиционирую о…

    Asked by Faab,

    0 votes
    0 answers

  24. Не всегда работает margin-top

    Добрый день. Использовал плитку из masonry.pkgd.min.js. Между блоками должен быть промежуток 20 px. Но он есть не всегда и не во всех браузерах. Опера все отрисовывает правильно, хром иногда без промежутков, а мозила почти при каждом F5 выдает разные результаты. С чем это связано и можно ли починить? .prev_block{ width:300px; background-color:#a3bd6f; margin-top:20px; }

    Asked by Ubhra,

    0 votes
    1 answer

  25. bootstrap число колонок

    добрый день как увеличить колонки с 12 до 24 ?

    Asked by Jester,

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