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. Цвет рамки вокруг кнопки

    Задаю цвет рамки вокруг кнопки, она получается темней чем надо, а при зажатии на ней появляется нужный цвет, как фиксануть ?

    Asked by instant,

    0 votes
    4 answers

  2. Расположение элементов

    Пытаюсь вот эти кнопочки сделать по макету, на картинках показано как при увеличении сдвигается нижний блок влево,а при уменьшении лепятся друг под друга. Как лучше решить эту проблему? Код у меня такой: https://jsfiddle.net/qcwh4L69/ Надеюсь нормально выложил.

    Asked by instant,

    0 votes
    0 answers

  3. Проблема верстки с fixed div

    Необходимо, чтобы реагировал на клик сначала внутренний блок (CONTENT), а далее уже родительский (FIXED) Как это можно реализовать? Ссылка https://jsfiddle.net/ux7gknhk/1/

    Asked by reeffdasfsda,

    0 votes
    2 answers

  4. Как работает код

    Может мне кто-нибудь объяснить как работает данный код? Желательно поэтапно <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head><body> <button data-toggle-id="subscribe-mail"> Показать форму подписки </button> <form id="subscribe-mail" hidden> Ваша почта: <input type="email"> </form> <script> document.onclick = function(event) { var target = event.target; var id = target.getAttribute('data-toggle-id'); if (!id) return; var elem = document.getElementById(id); elem.hidden = !elem.hidden; }; </script> </body> </html>

    Asked by ErUnDAK,

    0 votes
    9 answers

  5. Ссылка на другую html страницу со скролом

    Всем доброго времени суток. Есть такая задача, надо сделать ссылку на другую страницу. Но не просто на другу страницу а до определенного блока. Страница открылась и происходит скроил до начала нужного нам блока. Какими средствами можно такую задачу реализовать. Пните в нужную сторону, спасибо ^^

    Asked by Aleksandr.Bycyk,

    0 votes
    2 answers

  6. Стоит ли использовать плагин fittext

    Приветствую всех! У меня такой вопрос. Сегодня прочитал про JS плагин, могу ошибиться в написании названия, но вроде Fittext. Плагин добавляет скрипты Js в страницу, позволяющий задавать тексту различные дополнительные параметры. Кто-то использует этот плагин? На сколько знаю вроде для адаптивного текста достаточно использовать проценты или em. Возникает вопрос зачем тогда нужен сей плагин? Или я что-то не так понимаю?

    Asked by tigrus2014,

    0 votes
    1 answer

  7. Проблема со слайдером при отдалении

    Вот слайдер в обычном разрешении А вот если отдалить страницу Как это исправить? Ниже предоставлен весь код слайдера. И кстати, использую CMS IPS 4.1.18.2 Скрытый текст .wrapper { height: 290px; position: relative; width: 940px; margin-bottom: -10px; } .slider { background-color: #ddd; height: inherit; overflow: hidden; position: relative; width: inherit; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); } .wrapper > input { display: none; } .slides { height: inherit; position:…

    Asked by Haspid,

    0 votes
    6 answers

  8. Проблема со сладером

    Некорректно работают кнопки left и right. Иногда right вообще перестаёт работать, если нажимать left. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .slider { border: 2px solid black; width: 300px; height: 60px; overflow: hidden; } #MySlider { position: relative; width: 400px; } #MySlider img { width: 60px; height: 60px; float: left; } #left { position: absolute; top: 205px; …

    Asked by ErUnDAK,

    0 votes
    2 answers

  9. Меню на мобиле не работает

    Так есть меню в мобильной версии сайта Скажем на ios: если чуть прокрутить вниз страницу то уходит строка браузера верхняя и если ее нет, этой строки то меню не открывается код на js такой: $(btn).on('click', function(event){ event.preventDefault(); //console.log('click'); $(this).toggleClass('active'); $(menu).toggleClass('open'); $(menu).show(); if ( $(window).width() < 767) { $('html, body').toggleClass('overflowHidden'); } }); Кто-нибудь сталкивался с подобным?

    Asked by Kaner,

    0 votes
    3 answers

  10. Неправильная работа margin-top у заголовка

    Почему margin не отодвигает h2 от верха родительского элемента, как положено, а добавляет ему отступ, как показано на картинке?

    Asked by DeuS7,

    0 votes
    3 answers

  11. Переменные input

    Как сложить переменные, которые в таблице вставлены в <input>. Какой тег, или скрипт нужно использовать что бы получилась формула? Спасибо.

    Asked by YoungMoney,

    0 votes
    2 answers

  12. На мобильниках средняя колонка на пол экрана

    Здравствуйте. Столкнулся с такой проблемой: На стационарных компьютерах верстка отрабатывает нормально, а на мобильных браузерах нет. В мобильных браузерах средняя колонка занимает всего 50% ширины контейнера, предназначенного для нее. http://c3w.ru/fotogalereya/ - альбомы должны располагаться в два столбика, а на мобильных браузкрах располагаются в однин столбик. В общем ширина элемента со значением id="center" на мобильных устройствах почему-то меньше. Кто поопытнее: Подскажите пожалуйста в чем может быть дело и как эту проблему решить.

    Asked by kniaz05,

    0 votes
    2 answers

  13. Постоянное изменение left в jquery

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .text-jquery { margin: 0 0 0 30px; transition: 4s; } h1 { position: relative; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button id="as">Посчитать!</button> <button id="lol">Сместить!</button> <button id="lik"></bu…

    Asked by ErUnDAK,

    0 votes
    4 answers

  14. Две проблемы в JavaScipt (jQuery)

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> input { position: relative; transition: all ease 1s; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button>Посчитать!</button> <button id="lol">Сместить!</button> </body> </html> И его скрипт: $('documen…

    Asked by ErUnDAK,

    0 votes
    5 answers

  15. Проблема со шрифтами

    Добрый день! Подгружаю шрифты с google fonts, имя шрифта Fira Sans (и причем он у них отображается корректно), но когда я его подгружаю он выглядит так как будто избитый. Привожу 2 скриншота: 1. Как выглядит шрифт на google fonts 2. Так выглядит у меня Почему так получается? Все эти манипуляции я провожу в браузере Firefox.

    Asked by xek,

    0 votes
    10 answers

  16. Проверка работоспособности

    Можете проверить и отписаться насколько долго грузиться сайт. Хамелеон18.рф Заранее спасибо!

    Asked by Fast1kj,

    0 votes
    6 answers

  17. Как прочитать спрятанный текст в more-link?

    Скрытый текст Скрытый текст Скрытый текст Делаю сайт http://imbim.ru/. Через страницу http://imbim.ru/Школа-моделей/ выхожу на http://imbim.ru/Визаж-и-макияж/ и размещаю код html, через который хочу часть текста “спрятать“, а при нажатии на “Читать полностью“ - прочитать. Получается, так что сам Текст спрятан, но прочитать спрятанный текст не удается. Подскажите, что нужно дописать и доделать? Код который использую привожу ниже: <html> <head> <title>Заголовки HTML</title> </head> <body> <h2 al…

    Asked by Мила,

    0 votes
    16 answers

  18. Как сделать фон в мобильной версии сайта?

    AlexZaw спасибо.

    Asked by your app,

    0 votes
    10 answers

  19. Что не так в css табов

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

    Asked by fowl,

    0 votes
    4 answers

  20. Как сделать дерево элементов наподобие генеалогического (отличный пример: схема метро)?

    Здравствуйте. Каким способом можно реализовать такое дерево элементов? Есть какая-то библиотека? Желательно конечно библиотеку. На ум пришло только абсолютное (относительно-абсолютное) позиционирование (что по-моему крайне не очень) и таблица (но как провести линии между элементами?) UPD: Нашел! Treeant.js и Springy

    Asked by iBars,

    0 votes
    1 answer

  21. Проблемы в JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 7px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; height: 33px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { position: absolute; to…

    Asked by ErUnDAK,

    0 votes
    1 answer

  22. Отображение в сафари

    http://verstka2.webjon.ru/ На главном бане стилизованный список select2 и вот он отображается ниже на айфоне. Думаю и в др. сафари то ж самое,Никакие попытки выровнять не помогли. Инструменты вот такое показывают http://joxi.ru/KAxdZVT44v1zA8 Откуда берется отступ так и не понял. ессно жесткое задание высоты не помогает

    Asked by Vlad_P,

    0 votes
    0 answers

  23. list-style-position не работает

    Всем доброго времени суток. Возникла у меня одна неприятная проблема. Захотел я маркеры списков заменить на иконки. В Icomoon сделал себе шрифт и все подключил. И тут то я столкнулся с проблемой. list-style-position работает как inside и когда я хочу чтобы он работал как outside ничего не происходит. Где же мой прокол ? <ul class="structure"> <li class="icon-page">Одна страница, логотип и заголовок</li> <li class="icon-image">Картинка и описание предложения</li> <li class="icon-in-form">Форма для заполнения информации</li> <li class="icon-send">Кнопка отправки и отзывы клиентов</li> <li class="icon-ou…

    Asked by Aleksandr.Bycyk,

    0 votes
    5 answers

  24. Нужна помощь с копированием

    Можете подсказать как можно сделать такой каталог на своем сайте (нужно скопировать,или сделать подобное вот с этого сайта)http://amigo.ru/kollekcii/kollektsiya-rulonnykh-tkaney/

    Asked by Fast1kj,

    0 votes
    7 answers

  25. Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится?

    Здравствуйте! Вывожу код в Iframe. 1. Почему по умолчанию Iframe выводится в маленьком окне? Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится? 2. Как сделать чтобы окно Iframe адаптировалось под мобильные устройства? Вот мой код. Спасибо!

    Asked by Марат,

    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