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. Проблема с блоками

    Доброго времени суток. Столкнулся с такой проблемой! https://jsfiddle.net/ysrg47Lh/, когда я делаю ширину левого и правого сайдбара в процентах то у меня все получается и блоки плавают как нужно, но стоит мне задать минимальную ширину левого и правого блока как правый блок смещается в низ под контент. В итоге я не могу сделать так что бы левый и правый сайдбар был фиксированной ширины а контент принимал размер в зависимости от экрана и при этом не скидывал правый сайдбар под себя.

    Asked by S1lencer,

    0 votes
    2 answers

  2. Проблема з масштабированием Паралакса

    есть такой параллакс, никак не могу добиться того, чтобы он был по всей области экрана вне зависимости от того какой масштаб страницы или это 35% или 150% нужно чтобы он всегда оставался одного размера P.S с простым фоном сделать это легко, надеюсь и здесь решение под поверхностью. <!DOCTYPE html> <html lang="en" class="no-js demo5"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="shortcut icon" href="../file/favicon.gif"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script…

    Asked by TrueGavr,

    0 votes
    1 answer

  3. Пропорциональное уменьшение сайта, бред ли?

    Скажите пожалуйста, возможно ли такое вообще? К примеру есть сайт, 2560px в ширину. Можно ли сделать так, чтобы вплоть до 980ти пикселей он просто, как картинка с шириной 100% уменьшался, а потом перешёл в мобильную версию? Это же полнейший бред?

    Asked by Alarr,

    0 votes
    3 answers

  4. Целыми ли должны быть размеры шрифта в дизайне?

    Вот дизайнер вечно шлёт макеты со шрифтами с размером 26,84px, 16,37px и.т.д ... Это нормально? Или может надо заставить его переделать? Ибо заказчик очень принципиальный к пиксель пёрфекту.

    Asked by Alarr,

    0 votes
    2 answers

  5. Как это сверстать?

    Всем привет! Как сверстать такую секцию(см. изображение)? Сверстать нужно так, чтобы при скроллинге (используя, например waypoints) постепенно грани заливались красным цветом от step1 до step4 (анимация). Появилась одна идея, создать многоугольник из линий в svg. Другой идеи в голову не пришло. Но такое искусство не масштабируется при адаптации. Как анимировать пока даже и не думал. Это учебный макет и экспериментальный макет.

    Asked by Schamil74,

    0 votes
    5 answers

  6. А как бы сверстали вы? Занимательный вопрос.

    Всем привет! Наткнулся на такой макет https://mega.nz/#!5XYwxYrK!CKPEpk5YklPP-_QThH67BoTQLVQfDvzt1cmVoO9hFRo На картинке проблемные элементы выделены синими стрелками: - листы с загнутыми уголками и тенями (Блоки с заголовками Documents и Photos) - иконки планшетов с тенями - линия разрыва (если так понятно о чем я) - иконки ноутбука с тенями Можно сверстать так: загнутые листы и иконки блоков docs и photos наверное можно в одну png сохранить. можно разбить на два файла. Планшеты(ноут) и тени сделать отдельными картинками. Т.е. тень будет фоном у компа и ноутов. Планшеты и ноут в SVG. Но больше всего интересна…

    Asked by Schamil74,

    0 votes
    2 answers

  7. При position: absolute перестает работать margin: auto.

    https://jsfiddle.net/wm5uk9w6/ При position: absolute перестает работать margin: auto. Почему?

    Asked by torsar,

    0 votes
    5 answers

  8. Помогите пофиксить баг на сайте

    Привет всем. Столкнулся с такой проблемой: Перекосило background. Первое фото в полноэкранном режиме, а второе в окне. Так только в Хроме, в Мозилле и Эдж(Edge) всё нормально, но там немного съезжает меню. Если перезагрузить страницу, то всё нормально становится, но хочется чтоб было нормально. Фон в body под классом body (<body class="body">). Без менюшки такая же проблема. (ccs) .body{ background-image: url(../img/123124.png); width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: 100%; min-width: 1000px; } Без этого: background-position: …

    Asked by eWroxis,

    0 votes
    1 answer

  9. В чем причина чудовищно долгой загрузкой лендинга?

    Здравствуйте! Только что закончил работу над лендингом и перешел к его оптимизации. Перед этим решил его проверить с помощью сервиса Pingdom: https://tools.pingdom.com Показатели следующие: Performance grade: 97 Page size: 3.5 MB Requests: 93 Load time: 60 СЕКУНД! Голова трещит, что переспелый арбуз, не могу понять, в чем причина столь долгой загрузки? Буду искренне благодарен за экспертное мнение. Адрес лендинга: https://hutor.kh.ua/ P.S. Проверял этим сервисом сторонние лендинги, с весом и обращениями в 2-3 раза превышающие мои. Скорость загрузки у них всего несколько секунд.

    Asked by VladGridasov,

    0 votes
    5 answers

  10. Position:absolute

    Друзья, подскажите пожалуйста. Есть абсолютно спозиционированный элемент. Все-бы хорошо, но при горизонтальном уменьшении окна, любой такой элемент начинает уезжать со своего места. Как с этим бороться ? ЗЫ. Единственное, что приходит на ум, это через медиа запросы возвращать этот элемент на своё место под разные разрешения... )

    Asked by brezze,

    0 votes
    6 answers

  11. Пропадает изображение в слайдере при масштабировании

    Доброго времени суток. Столкнулся с проблемой: Есть некий сайт, пстроен на ModxRevo. На главной есть слайдер, реализован с помощью Flexslider. При горизонтальном масштабировании(изменении размеров окна браузера) катринка исчезает Вызов слайдера: <div class="row"> <div class="col-sm-3">[[$sidenav]]</div> <div class="col-sm-9 hidden-sm">[[$slider?set=`set1`]]</div> </div> Чанк слайдера: <!--========== SLIDER ==========--> <div class="flexslider"> <ul class="slides"> [[parseMIGXToGallery? &tpl=`images.gallery.tpl` &i…

    Asked by f4rr3ll90,

    0 votes
    1 answer

  12. Не работает слайдер slick в IE 9

    Здравствуйте. помогите, не работает слайдер slick в IE 9. Все картинки, которые в нем расположены, становятся вертикально, друг под другом. Может есть какое-то решение или настройки?

    Asked by Svetlana111,

    0 votes
    11 answers

  13. Надо меню сайта сдвинуть влево

    Надо меню сайта сдвинуть влево В броузере Ffirefox меню выглядит корректно , в Chrome расположено по центру. Почему оно в Chrome там оказалось не пойму, было раньше расположено слева. Подзабыл, год не занимался версткой. Сам допру, но хочется побыстрей. Решил контент освежить. сайт http://nakhodka.h1n.ru/

    Asked by Alex_,

    0 votes
    2 answers

  14. При нажатии на кнопку "Заказать" товар физически "улетает" в корзину

    Здравствуйте! Вот на этом сайте доставки пиццы - http://dominos.ua/ru/ реализовано следующее: при нажатии на кнопку "Заказать" пицца "улетает" в корзину (в верхней части сайта). Подскажите, пожалуйста, куда копать (на чем сделано, может быть это готовая библиотека) чтобы реализовать данный функционал? Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    3 answers

  15. проблемы с айфон

    И снова у меня проблемы с продукцией великого бренда огрызка http://verstka.webjon.ru/ там, где каталог продукции, ниже баннеров. на айфоне (ну и других апплах) наблюдается http://joxi.ru/vn2YRynULKjoA6 подобный косяк. Я уже все попробовал (если где странные и ненужные стили не удивляйтесь). Я реально не понимаю, как при указанной высоте один абзац оказывается меньше другого. я даже высоту картинок выровнял... Ну и просто, скажите аппл, он кроме поднятия ЧСВ вообще имеет достоинства?

    Asked by Vlad_P,

    0 votes
    0 answers

  16. Вопрос про значения атрибута href

    Здраствуйте. Не могу найти в спецификации описание значений к атрибуту href такие как mailto,tel,ftp,Описываются ли они там вообще?

    Asked by Ramas,

    0 votes
    2 answers

  17. Чтобы подзаголовок не закрывался плавающим меню

    У меня на сайте плавающее меню реализовано через скрипт: <script type="text/javascript">var $ = jQuery.noConflict();var h_hght=100;var h_mrg=0;jQuery(function(){jQuery(window).scroll(function(){var top=jQuery(this).scrollTop();var elem=jQuery('#top-menu');if(top+h_mrg<h_hght){elem.css('top',(h_hght-top));elem.removeClass('fix')}else{elem.css('top',h_mrg);elem.addClass('fix')}})});</script> Стала делать в статьях навигационное меню типа: <blockquote><span style="font-weight:bold">Содержание:</span> <a href="#a1"><li>Здесь первый пункт содержания</a> <a href="#a2"><li>Здесь второй пункт …

    Asked by StOK,

    0 votes
    2 answers

  18. Переход Да или Нет

    Надо чтоб отображалось слово Автомобили, нажимаешь на Нет или Да, и появлялось дальше по дереву Помогите реализовать 1 уровень

    Asked by khomchenko,

    0 votes
    0 answers

  19. как выбрать "остальные" элементы массива?

    Здравствуйте, такой вопрос... если не сложно, подскажите. Есть у меня массив неких элементов с классом .nav-item. Клик по одному из этих элементов element.onclick = function() ... в которой я делаю проверку на наличие класса у дочернего элемента. this.firstElementChild.contains('class') и если у элемента, на который я нажал этот класс есть, то у остальных элементов данного массива этот класс надо убрать, т.е. как радио кнопка, должен быть только один активный элемент.. как эти вот "остальные элементы массива" выбрать? Как написать что у остальных элементов данный classList.remove('class')? Подскажите пожалуйста, как такое вообще организовывается...

    Asked by sergei8550,

    0 votes
    1 answer

  20. Bootstrap расположение блоков

    <div class="row"> <div class="col-lg-4 col-md-4 ">1</div> <div class="col-lg-8 col-md-8 ">2</div> </div> интересует вопрос при разрешении экрана sm блок 1 стал на место блока 2 и расположились друг другом горизонтально ——————————— 1 ———————————2 а нужно ———————————————————--2 ———————————————————--1 помогите

    Asked by sergo1976,

    0 votes
    1 answer

  21. Почему не обновляется экран при отладке через смартфон?

    Здравствуйте! Когда я подключаю свой телефон на андроид 4+Хром к компу, чтобы посмотреть его глазами на какой-то сайт и отладить что-то при необходимости, то почему-то при прокрутке страницы вверх или вниз исчезает изображение в импровизированном экране телефона(там я поставил знак вопроса): Если мышку переместить на DOM справа, то изображение появляется и держится до момента новой прокрутки страницы вверх или вниз. Это как-то можно исправить, чтобы не бегать мышкой на DOM?

    Asked by borus,

    0 votes
    0 answers

  22. Почему на инпут не действует псевдоЭлеммент?

    афтер не работает https://jsfiddle.net/1ygc5Lkb/

    Asked by aqua.77,

    0 votes
    3 answers

  23. Расстягиваем внешний div самым внутренним по высоте

    Есть вложенные блоки <div id="d1"> <div id="d2"> <div id="d3"> ....... </div> </div> </div> Нужно чтобы все блоки имели высоту 100% и самый внутренний div (он может быть и 4-м... вложением) растягивал все внешние в зависимости от контента если контент больше 100%. Желательно без js.

    Asked by sarcus,

    0 votes
    8 answers

  24. Не вмещается Страницы

    Добрых суток Товарищи. Помогите. Есть макет сайта. Пробую сверстать нижнею часть это все ниже начиная от белого фона. Проблема в том что я открывая сайт в интернете(chrome) вижу то, что я свесртал не влезает и скролится влево. Как это исправить. Пробовал max-widht вроде не помогает. Может не правильно применяю...

    Asked by zukko961@gmail.com,

    0 votes
    8 answers

  25. flexbox в safari

    Пожалуйста, у кого есть мак и недоразумение, которое там считается браузером сайт http://w2.andy-projects.ru/ Заказчик жалуется, что у него первые 2 столбца в футере ниже. Под винду сафари нет, вроде бы испробовал все, что можно, но не могу исправить, если вижу только скрины

    Asked by Vlad_P,

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