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

    Добрый день! Интересует такой вопрос: можно ли каким-либо образом подменить данные о геопозиции, получаемые при помощи geoLocation API, и затем пересылаемые на сервер? Вопрос не для использования уязвимости, если таковая имеется, а для защиты от неё. Спасибо!

    Asked by jiabpadop,

    0 votes
    4 answers

  2. проблема с сайтом

    вот сайт http://texteredsa.besaba.com/bondarchuk/ но почему та скрол появляется уже на отметки 1000px хотя минимальная ширина стоит 992px, и на мобильниках появляется скрол на некоторых и часть элементов уходят за правый экран. помогите найти ошибку?

    Asked by raptor-dm,

    0 votes
    4 answers

  3. Проблемы с tooltip

    Все привет, надо сделать tooltip, красивый что-бы в нем работали теги html, у меня вот есть один. Ну суть в том что мне надо каждый раз писать ширину какая должна быть А как быть что-бы ширина сама делалась? Так и высота? Заранее спасибо. Например HTMl код. <a class="mad_tt"><clan style="color: #000000; cursor:help;">Привет</clan><span class="mad_tip" style="min-width:291px; cursor:help;">Привет еще раз</span></a>CSS код. .mad_tt {position: relative;cursor: default;display: inline-block;text-decoration: none;outline: none;border: 0px;}.mad_tt span.mad_tip {font-weight:normal;font-family: tahoma, arial, verdana, sans-…

    Asked by Lozhkaa,

    0 votes
    4 answers

  4. li + li выбирает два элемента

    Подскажите, пожалуйста, почему буду красным выделены 2 элемента li после первого? Ведь по определению, насколько я понял, данный селектор выбирает первый соседний элемент, а тут выбраны, почему так? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Пример страницы</title> <style> li + li { color: red; } </style> </head> <body> <ul> <li>text 1 <li>text 1 <li>text 1 </ul> </body></html>

    Asked by mastermedia,

    0 votes
    4 answers

  5. Неопнятные рамки в IE10

    Всем привет. Может, кто сталкивался с такой проблемой. При наведении и/или нажатии на button и input получаются такие рамки в браузере IE10. Зачем эта падла так? Я ни разу такого не видела. Кто что знает? http://joxi.ru/p27LXw5SnEGoA7

    Asked by kattiperk,

    0 votes
    4 answers

  6. Размеры в %

    Здравствуйте. Подскажите пожалуйста: если я задам размер картинки в %, то это будет процент от размеров родителя, или....?

    Asked by webded,

    0 votes
    4 answers

  7. web developer

    подскажите пожалуйста где в плагине web developer к современному firefox отключается javascript? раньше всё было просто и удобно - была панелька с инструментами web developer, или был доступ через верхнее меню UPD: вот нашёл расширение, которое возвращает старую удобную панельку, но всё таки вопрос остался https://addons.mozilla.org/en-us/firefox/addon/js-switch/

    Asked by cyklop77,

    0 votes
    4 answers

  8. не понятно с float

    http://jsfiddle.net/3ac5c88a/ почему block1 вылез вверх? не пойму совсем

    Asked by laliev,

    0 votes
    4 answers

  9. Хочу сделать так же (фиксированное меню). Какой скрипт отвечает за это.

    Здравствуйте! Понравилось то, как фиксируется меню на этом сайте: http://flatsome.uxthemes.com/ Но не могу найти, какой скрипт отвечает за это. Помогите, пожалуйста, разобраться с этим.

    Asked by Светлана Г.,

    0 votes
    4 answers

  10. 2 bxslider на странице

    Доброго времени суток! Использую 2 блока с bxslider на странице, в каждом свои картинки. Можно ли сделать, чтобы при перелистывании вручную картинок в одном слайдере, одновременно перелистывались бы картинки и во втором?

    Asked by vip,

    0 votes
    4 answers

  11. Обрезать картинку

    Здравствуйте. Подскажите, пожалуйста, способ, как можно обрезать изображение. Сейчас вот так: Нужно вот так: Код можно посмотреть тут

    Asked by Temiks,

    0 votes
    4 answers

  12. Опять резиновый сайт!

    Здравствуйте. Начал писать шаблон для сайта с нуля (до этого только переделывал под себя). Ну и естественно столкнулся с проблемой разрешений. Я понимаю что куча инфы в нете, но не могли бы вы мне индивидуально помочь, я плохо разбираюсь в ксс еще и поэтому если бы мне кто-то показал именно с моим примером было бы здорово. Собственно, Сайт состоит из Одной колонки, то-есть как лендинг пейдж и по бокам фон. Как сделать в принципе это понятно. Но у меня возник вопрос, что делать с картинками, в частонсти с шапкой? Как поступить? Размеры картинок указывать в проценте? Я вот тут уже не совсем разбираюсь. Как сделать к примеру самое большое разрешение и что бы эти картинки п…

    Asked by bobchinskiy,

    0 votes
    4 answers

  13. Помогите разобраться с версткой

    Помогите пожалуйста, напишите в коде как должно выглядеть, в css и если конечно найдется спаситель желательно и сразу html( я просто не до конца понимаю всех ньюансов, так мне будет понятнее). Сайт трехколоночный резиновый, левавя колонка и правая - это фон( то есть сайт по сути сайт в одну колонку), и эту центральную основную колонку разделить на три блока - шапка, инфа и футер к примеру. в шапку мне нужно впихнуть к примеру такой градиент и написать любой текст с левой части шапки, а по центру на этом градиенте у меня картинка должна быть. Как это должно выглядеть в css? //gradientbackground: #ff6e02; /* Old browsers */background: -moz-linear-gradient(left, #ff6e0…

    Asked by bobchinskiy,

    0 votes
    4 answers

  14. Как сделать счетчик скачки файлов

    Я сделал себе счетчик а он не работает кто поможет сделать его :?

    Asked by mariks,

    0 votes
    4 answers

  15. Контент и разрешения дисплея

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

    Asked by Santorin,

    0 votes
    4 answers

  16. Многостраничник

    Люди!!! Посоветуйте, пожалуйста, качественный источник информации по созданию многостраничника! обрыла весь инет, окончательно запуталась и не могу собрать всё в одну кучу, может быть книги толковые или видео есть, буду очень признательна!

    Asked by Lady_V,

    0 votes
    4 answers

  17. При клике на <area> перегружается окно, но не сама страница

    Всем привет, так как это мое первое сообщение на этом форуме, то начну его со слов благодарности к авторам ресурса HTMLBOOK и HTMLFORUM. HTMLBOOK помог мне колоссально разобраться в теме. Ситуация: есть <map> с набором <area> тегов, и у <area> есть арибут href="/mypage". и все вроде работает, но если присмотреться, то при клике на <area> происходит перегрузка окна (приходит нужная страница), но адрес странцы, УРЛ остается в адресной строке прежним, т.е. я фактически остаюсь на прежней странице. не хорошо. подскажите что можно сделать в этой ситуации спасибо

    Asked by Den Brown,

    0 votes
    4 answers

  18. sass+compass, проблема с кодировкой

    Доброго времени суток! Установил sass и compass на windows, ввел команду compass watch, начал изменять style.scss и возникает ошибка совместимости кодировки. [Listen warning]: Change block raise an execption: incompatible character encodings: Windows-1251 and UTF-8Backtrace: C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `index' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `remove_root' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesy Очень долго ищу решение, может кто знает как решить проблему?

    Asked by Andrew_007,

    0 votes
    4 answers

  19. Поведение фона при разных разрешениях

    Здравствуйте. Есть макет сайта, ширина которого 980px, и в нем есть изогнутая смужка под меню (см. фото), размеры которой соответствуют ширине слоя фотошопа - 1200px. Подскажите, как она должна вести себя на дисплеях с разрешением более 1200px в данном случае. Также интересует похожий вопрос касательно фонов. Если в макете слой 1000px шириной и в нем есть фон-картинка, краи которой обрезаны, что мы должны увидеть на дисплеях 1900px.

    Asked by alex_web64,

    0 votes
    4 answers

  20. Недо-Таблица

    В наличии код css https://www.dropbox.com/s/ctkoknmvzklaa45/Variant%202.doc?dl=0 <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf"/><style type="text/css">body{height:100%;width:100%;background-color:#8000ff;min-height:100%;position:relative;padding:0;margin:0;}div{width:1024px;background-color:black;color:#fff;margin:1px 0px 1px 1px;}h1{text-align:center;padding:2px;font-size:33px;color:white;padding:25px 0 0 0;}<h1>Наталья Смирнова Юрия Гумен</h1>table{border-collapse:collapse;}table, td, th{border:1px solid black;}td {width:575px;background-color:black;color:#fff;padding:0 10px;}p{text-align:justify;font-si…

    Asked by BituM,

    0 votes
    4 answers

  21. Скрипт для ввода символов

    Есть некий код, где для ввода цифр в <input> используются символы, заключенные в <button>. С помощью maxlenght=4 тега <input> удалось ограничить ввод символов в него до 4-х, но только с клавиатуры. Но если вводить цифры нажатием на символы в <button>, работает скрипт, цифры вводятся, но ограничение на 4 символа не работает. 1. Подскажите, как исправить это. 2. Как по достижении 4-х символов в <input> выводить функцию?? (какую - неважно) <html><head><title></title><meta name="keywords" content=""><meta http-equiv="content-type" content="text/html; charset=utf-8"><link rel="shortcut icon" href="" type="…

    Asked by Алексей2802,

    0 votes
    4 answers

  22. Короткие тексты с картинками

    У меня в макете превью новостей состоят из короткого текста и картинки справа. Мне нужно, чтобы текст обтекал картинку. Это легко добиться с помощью float:left; для картинки. Но если текст слишком короткий, то следующий за ним следующий превью новости оказывается накрыт картинкой сверху. Этого можно избежать, если каждому контейнеру дать свойство float:left. Но есть ли другой, более изящный способ?

    Asked by PavelTkachev,

    0 votes
    4 answers

  23. Как выделить все элементы в списке

    Можно ли сделать кнопку или ссылку чтобы при клике выделялись все элементы в списке? Вот заготовка - http://jsfiddle.net/4xugpz6d/

    Asked by alleclf,

    0 votes
    4 answers

  24. Как добавить фон?

    Здраствуйте, не могу понять как добавить белый фон по середине как на скриншоте. Сайт www.uncle.quickkeys.ru Помогите пожалуйста

    Asked by knaus94,

    0 votes
    4 answers

  25. Разные ширины

    Доброго времени суток. Прошу помощи. Такая задача: шапка и подвал должны иметь ширину 1365px, область контента 940px. Вроде бы ничего сложного. Но когда разрешение экрана например 1280х1024, как понимаете, внизу браузера появляется полоса прокрутки. Вопрос: как сделать, чтобы при меньших разрешениях не появлялась полоса прокрутки внизу, а шапка и подвал адаптировались под разрешение экрана (чтобы слева и справа изображение немного отсекалось, оставалась центральная часть)? Картинки для шапки и подвала целые и шириной 1365px. Спасибо.

    Asked by chapai,

    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