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. Скип к топу страницы при активации анимации

    Добрый день. Делаю фиксированый, выезжающий по клику блок. $( ".fixedmenu .close" ).on( "click", function() { $( ".fixedmenu" ).toggleClass( "open" ); }); .fixedmenu { position: fixed; left: -335px; top: 150px; padding: 10px 30px 10px 10px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px 0px #000; z-index: 10; width: 325px; transition: left .5s ease 0s; -o-transition: left .5s ease 0s; -moz-transition: left .5s ease 0s; -webkit-transition: left .5s ease 0s; -ms-transition: left .5s ease 0s; } .fixedmenu.open {left: 10px;} Сколлю страницу вниз, жму на селектор - анимация происходит - но страни…

    Asked by Indorill24Empty,

    0 votes
    2 answers

  2. Chrome: сбрасываются стили при сворачивании видео

    Всем доброго времени суток. В процессе работы над очередным проектом столкнулся с проблемой: есть элемент video, который расположен внутри элемента для которого заданы transform: translateX и transition. Если перейти в полноэкранный режим видео, а потом его свернуть (вернуть в нормальный режим), то родительский контейнер анимируется. Копаясь в консоли разработчика обнаружил, что на время полноэкранного режима для всех родителей тега video сбрасываются некоторые css стили (в т.ч. transform и transition), что похоже и приводит к появлению анимаций после выхода из fullscreen. Применение флага important к моим стилям результата не принесло (кроме того что после этого еще и са…

    Asked by ows.nightwolf,

    0 votes
    2 answers

  3. Не выставляется полосами

    Уже месяц пытаюсь откорректировать код так, чтоб блоки текста стали ровно, а все так получается. Где надо искать ошибку?

    Asked by Ivan Zajka,

    0 votes
    1 answer

  4. Float, выравнивание по ширине

    Здравствуйте. Вопрос по следующей вёрстке: <!DOCTYPE html> <html lang="ru"> <head> <style> .left{ float:left; background:red; } .no_float { background:green; text-align:center; font-size:30px; } </style> <meta charset="utf-8" /> <title>Документ без названия</title> </head> <body> <div class="left"> float:leftrvrcrvrvr </div> <div…

    Asked by den_alex_96,

    0 votes
    4 answers

  5. Phaser.js как вращать объекты группы?

    Создаю группу объектов и загружаю слой из Tiled this.saws = this.game.add.group(); this.saws.enableBody = true; this.map.createFromObjects('saws', 4, 'saw', 0, true, false, this.saws); В update задаю угол вращения и хочу чтобы пила вращалась вокруг свои оси. this.saws.angle += 1; Но группа объектов позиционируется относительно начала координат и пила начинает крутиться вокруг (0, 0) и вокруг своей оси. Как сделать так, чтобы она оставалась на своем первоначальном месте? Если загружать просто спрайт и ему прописывать угол и координаты, затем вращать, то все нормально, но если я собираюсь несколько десятков объектов загружать? Хотелось просто р…

    Asked by black_c,

    0 votes
    0 answers

  6. цикл While

    Добрый вечер, пишу игру виселица, по книге. Возникла проблема. Ввод и запись верных букв прогоняется через цикл while, не могу понять как сделать взять данные что бы рисовался человечек на canvas. Получается он рисуется после того как цикл полностью выполнен.

    Asked by Endorphin,

    0 votes
    1 answer

  7. Делаю прижатый футер к низу, но контент не влезает

    На некоторых страницах сайта необходимо, чтобы футер был прижат к низу, т.к. контента мало. На других же страницах - контента, наоборот, много. И контент тогда переваливает за футер Как с этим бороться?

    Asked by yaparoff,

    0 votes
    3 answers

  8. Выбор ноутбука для front-end разработки

    У меня бюджет 10к грн. Остановил свой выбор на ноутбуке HP 255 G5 (Y8C03ES) . Скажите, он подойдет для обучения и работы на фрилансе? Не будет ли виснуть макеты в фотошопе CC? Или с таким ноутом лучше не соваться в ит? Спасибо. Экран 15.6” (1920x1080) Full HD, глянцевый с антибликовым покрытием / AMD Quad-Core A6-7310 (2.0 - 2.4 ГГц) / RAM 8 ГБ / SSD 128 ГБ / AMD Radeon R4

    Asked by Hasiev,

    0 votes
    7 answers

  9. Не работает калькулятор

    Добрый день, уважаемые завсегдатаи форума. Есть такой калькулятор http://tg.seodacha.ru/index2.html. На этой странице все работает. Вставляю тот же самый калькулятор через админку сайта и калькулятор не работает. Вот сейчас тут http://tg.seodacha.ru/content/kalkulyator При клике на "Необходимость котла" http://joxi.ru/XEA4wkPfLaEB2b не появятся этот список http://joxi.ru/Y82Q8Y6TYRxBmd При вводе исходных значений здесь http://joxi.ru/LVm6wQPfO7pZ2Z не происходит расчет, а тут http://tg.seodacha.ru/index2.html все нормально работает Дело в верстке?

    Asked by smirn0ff,

    0 votes
    1 answer

  10. как сделать чекбоксы

    Подскажите, как сделать чекбоксы вроде http://imgur.com/a/NUfi0 совместимые с bootstrap ? Спасибо!

    Asked by mstdmstd,

    0 votes
    3 answers

  11. Выпадающее меню пропадает

    Добрый день. Создаю здесь тему впервые. Собственно, опыта о данном ресурсе пока нет. Но изучил местные правила. 1)Ссылка на проблему - www.iy-style.com 2)Выдвижное меню пропадает (пункт Utbildningar), так как соприкасаеться с другим контейнером. Насколько сложно это исправить? Я использовал готовый код меню, понятное дело. Не знаю, насколько большая проблема, может придеться переделывать весь принцип, по которому я делаю этот простейший сайт, так что из-за меню теперь у меня все стоит. 3)Необхадимо что бы выдвижное меню работало как подабает - т.е. не пропадало бы при наведении на него мышкой. И не сливалась бы с контейнером, где параграф и текст. …

    Asked by Seven,

    0 votes
    2 answers

  12. Многоуровневое выпадающее меню. Ширина блока по содержимому.Как?

    Привет! возникла такая проблема при тестировании выпадающего меню, внутри category блок category1 а в нем category level2 который переносится по слогам а должен тянуться по ширине строки Пример здесь http://213.111.228.103/drop/ ps: вроде-бы это стандартное решение с position:absolute и должно работать но возможно я где-то ошибку допустил, никак не пойму...первый уровень меню category1 нормально тянется по содержимому а уже вложенный в category1 не корректно работает

    Asked by фдуч,

    0 votes
    1 answer

  13. Кастомизировать select стрелку

    Есть ли возможность кастомизировать стрелочку "вниз" элемента select?

    Asked by Heartbeat,

    0 votes
    11 answers

  14. Не работает SUBMIT в форме

    Здравствуйте, у меня небольшая проблема. Нажимая на кнопку submit никуда не перенаправляет. <form method="GET" action="http://elusive-rp.ru/check_param.php"> <label>Ник на сервере<span class="verification"></span></label> <input type="text" value="" name="nickname" id="contact-name"> <br> <select class="donateselect" name="level"> <option value="a1" selected>1 уровень - 50 руб</option> <option value="a2">2 уровень - 100 руб</option> …

    Asked by Hosefu,

    0 votes
    3 answers

  15. SVG-sprite in IE11

    Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: svg.contacts__flag(width="60", height="90") use(xlink:href="#flag")

    Asked by Schamil74,

    0 votes
    3 answers

  16. Не отображается русский текст при использовании css

    При использовании css весь русский текст изменяется на что-то подобное: аЄаОбаО аНаЕаКббб аГаЛаАаВаНаАб ааАаДаИаМ Без css все работает нормально. Содержисое css: .button{ text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sa…

    Asked by Kythadrin,

    0 votes
    3 answers

  17. Спрайты в CSS

    Доброго времени суток! Я совсем недавно начал изучать HTML и CSS. И столкнулся с проблемой того, что многие программы, обучающие видео на YouTube и просто информация немного устарели. Мне известно, что чтобы стать хорошим верстальщиком, нужно идти в ногу со временем, а посему решил задать следующий вопрос на форуме: Используются ли в CSS спрайты в настоящий момент? И если нет, то какая альтернатива существует? Есть ли обучающий контент по этой теме? Заранее благодарю.

    Asked by 3dGamerUA,

    0 votes
    1 answer

  18. Периодичность показа всплывающего окна.

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

    Asked by Vic-Tor,

    0 votes
    25 answers

  19. Горизонтальное меню из картинок

    Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)

    Asked by Proxt,

    0 votes
    2 answers

  20. Проблема с выравниваем по вертикали

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

    Asked by John106,

    0 votes
    1 answer

  21. При обновлении страницы съезжает блок меню

    Здравствуйте. Подскажите пожалуйста как решить проблему с версткой. На сайте http://dsraduga.ru при обновлении страницы блок меню с картинкой на секунду съезжает влево потом встает на место. Буду признателен.

    Asked by Alex75,

    0 votes
    1 answer

  22. Блок на оставшуюся ширину/ высоту страницы

    Всем привет. Хочу сверстать несколько блоков на странице. Шапка, с фиксированной высотой, шириной 100%. Затем 2 блока. Левый блок с шириной 200px, правый блок, который бы занимал всю оставшуюся часть страницы. Footer фиксированной высотой, шириной 100%. Пример во вложении, или по ссылке: Макет Проблема вот в чём. Как сделать правый блок (3 на макете) размером на всю оставшуюся часть страницы. И как вообще сделать блоки 2 и 3 высотой на всю оставшуюся часть страницы таким образом, чтобы скролл появлялся только в блоках 2 и 3 если контента в них очень много и этот контент вылазиет за пределы блоков? Вот что смог пока сделать: https://js…

    Asked by fenix_63,

    0 votes
    1 answer

  23. Помогите разобраться в поведении браузера

    Ребятки, помогите понять почему вот так ведет себя браузер. Есть див со 100% шириной и высотой 50рх. Цвет для наглядности поменял, почему при изменении экрана блок не остается 50рх в высоту? Почему он вместе со всем содержимым сжимается игнорируя четко заданные параметры? Выше 980рх он тянется, а ниже он 980 и не меньше, весь блок просто сжимается в размерах вместе с содержимым. Мне нужно посмотреть как блоки падать будут, куда они съезжаются а оно просто все уменьшило и не понятно что с этим делать. Медиа запросов в коде нету, есть один блок для примера и в css ширина, высота и цвет этого блока.

    Asked by sergei8550,

    0 votes
    1 answer

  24. SVG-sprite in IE11

    Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Описываю проделанные мною два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Работает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял, но это и не нужно), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например (синтаксис pug: svg.contacts__flag(width="60", height="90") …

    Asked by Schamil74,

    0 votes
    2 answers

  25. Перемещение виджета ВКонтакте вверх по левой колонке.

    Добрый день! Работаю над своим сайтом сама, знаний мало, но как могу, что-то получается, что-то нет. Прошу помочь мне с одной простой вроде бы задачей. http://efori.ru/ вот сайт. На нем адаптивный шаблон. Я установила на него виджет ВК и привязала к левой колонке. Но получается так, что она находится либо слева под центральным контейнером, либо слева над центральным контейнером. А мне нужно расположить ее прямо напротив, рядом с центральным контейнером. В файле стилей я пыталась его поднять таким образом column-left .theme-wrap .container, #column-right .theme-wrap .container { padding: 0; width:100%; position:relative; top…

    Asked by navpetrova,

    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