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. Как лучше сравнить сверстанную страницу с макетом?

    Друзья, как проще всего сравнить сверстанную страницу и исходный psd ? Искал инфу, но все, что нашел это внедрение скриншота страницы верхним слоем в макет. Как-то муторно имхо. Проще способов нет? Читал также про прозрачные окна на Ubuntu и Win7. У меня Win 10? а там вроде бы прозрачность окон отменили.

    Asked by NubyNub,

    0 votes
    2 answers

  2. Как правильно сверстать такой блок?

    Asked by Ghost86421,

    0 votes
    2 answers

  3. Адаптивная верстка

    Здравствуйте. У меня проблемы с адаптивной версткой, а точнее с пониманием того, что должно происходить при изменении размеров. К примеру, есть такой код https://jsfiddle.net/o2e1fwyq/Я так понимаю, в определенный момент фото должно быть на одной строке, а текст опуститься ниже. При какой ширине окна это должно происходить, на глаз определять? И второе, верстаю флексбоксом не до конца понимая, как он работает. Почему фото имеет какую-то рандомную ширину? Как она определяется в текущий момент?

    Asked by alex_web64,

    0 votes
    2 answers

  4. Карусель

    Помогите найти слайдер карусель не знаю как еще назвать скрипт По сути мне нужно вывести 5 картинок и ссылки рядом для переключение на каждую картинку, и навигация в виде точерк. Вот Как тут ! Может кто то поможет решить данную проблему !

    Asked by virtas,

    0 votes
    2 answers

  5. не получается макет из трех колонок

    Ребята помогите пож-ста! создаю сайт с основным блоком в центре и боковыми фиксированными с фоновым изображением. мало того что картинка отображается не на всю выбранную ширину, в разных браузерах по-разному. так еще и когда делаешь окошко браузера меньше центральный блок перекрывает левый.....а фон в правом боковом блоке вообще не отображается( скажите пож-ста что я делаю не так? вот код: <!DOCTYPE html> <html><head><meta charset="utf-8"><title>AM-RECORDS</title><link rel="shortcut icon" type="icon" href="images/12.png"><link href="style.css" rel="stylesheet" type="text/css" media="all"></head><body> <div i…

    Asked by ЕленаОлефир,

    0 votes
    2 answers

  6. слайдер на css

    Как сделать на css чтоб при смене слайдов менялся фоновый цвет body на примере такого слайдера http://jsfiddle.net/pashkes/a068hw55/412/

    Asked by Pashkes,

    0 votes
    2 answers

  7. Отъезжание блока

    При открытии меню slicknav съезжает блок вниз. Как быть, что делать?

    Asked by Kiriklk,

    0 votes
    2 answers

  8. .htaccess

    Здравствуйте! Подскажите пожалуйста... На сайте ссылки такого вида: site.ru/?s=page, что нужно прописать в .htaccess, для того чтобы стало так: site.ru/page? Спасибо за внимание!

    Asked by Морская улиточка,

    0 votes
    2 answers

  9. Убрать отступы в меню между блоками

    Обычное меню .menu li{ display: inline-block; } .menu a {display:block; float:left;}.menu a {border: 1px solid #c8c8c8;padding-left:10px;padding-right:10px;}.menu ul { margin: 0 auto; text-align: center;}https://codepen.io/anon/pen/PZawQY Как сделать,чтобы границ не было между блоками? если к li прописать float: left; - они убираются но в таком случае исчезает центрирование по центру экрана.

    Asked by nikki4,

    0 votes
    2 answers

  10. Фотогаллерея на CSS3

    Можно ли только средствами CSS3 сделать как в этом примере?

    Asked by PavelTkachev,

    0 votes
    2 answers

  11. Ребята подскажите как выровнять сайт?

    Сайт сделан в джумла. В верстке не силен. Просьба подсказать как и по какому пути выровнять сайт по центру! Использую FireBug и не могу понять, где верстать. http://reklamarulit.ru/

    Asked by Рекрул,

    0 votes
    2 answers

  12. Вопрос про Jade

    Народ привет! Первое мое сообщение! У меня следующий вопрос. Использую jade, как можно добавлять или удалять класс к элементу в зависимости от определенных условий??? Например - if (active) { li.dropdown.active- } else { li.dropdown- } a(href='#') Ссылка Проблема вот в чем, если делаю так, то ссылка не добавляется в li, почему-то. Можно конечно её в условия поместить, но бывает что тут целая портянка, и как тогда быть?

    Asked by tixxxon,

    0 votes
    2 answers

  13. Позиция

    Форумчане привет, помогите спозиционировать картинку. Картинка относительно текста должна быть наверху https://jsfiddle.net/oc7qxgqd/ Спасибо)

    Asked by Vans,

    0 votes
    2 answers

  14. Сайт отображается некорректно при большом разрешении экрана.

    Работаю над первым своим сайтом и столкнулся с такой проблемой - при разрешении свыше 1366х768 сайт отображается некорректно (съезжает влево). Сайт - betonzavod-spekt.ru Буду благодарен, если кто-нибудь подскажет, как это исправить.

    Asked by SerAleksey,

    0 votes
    2 answers

  15. Безопасные web-шрифты

    Не могу вспомнить адрес сайта, на котором был список шрифтов и их доступность на разных платформах. Хочу подобрать шрифты с засечками и без, чтобы они были установлены на максимальном количестве систем.

    Asked by PavelTkachev,

    0 votes
    2 answers

  16. В firefox пропадает часть страницы

    Здравствуйте. Есть шаблончик: http://template-preview.ru/OS/3001108571/ В firefox не отображаются картинки в середине страницы. Помогите понять в чем проблема.

    Asked by ishurgaya,

    0 votes
    2 answers

  17. Помогите разобраться с веб-шрифтами.

    Здравствуйте! Читаю руководство "Большая книга CSS3" и дошёл до шестой главы "Форматирование текста". Пробую импортировать шрифт, но... сталкиваюсь с тем, что браузер не понимает этого... либо я что-то не так делаю. Вот код: <!DOCTYPE html><head><meta charset="utf-8" /><title>CSS Typography</title><style>body{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}.two @font-face{ font-family: "League Gothic Regular "; src:url(font/leaguegothicregular-webfont.ttf);}</style></head><body><p>Первое</p></body></html>Что я не так делаю? Браузеры: F…

    Asked by Geyer,

    0 votes
    2 answers

  18. :first-child не срабатывает

    Здравствуйте коллеги! Неровно центрируются элементы .item тут Пытаюсь выровнять первый элемент с помощью first-child - не получается всё - нашел там h3 + item на первый эл-т работает как закрыть тему ?

    Asked by GTAlex,

    0 votes
    2 answers

  19. Пытаюсь нарисовать

    Подскажите как это написать используя css ? http://prntscr.com/a1t0z4

    Asked by xobot123,

    0 votes
    2 answers

  20. Примеси в less

    Здравствуйте. Как правильно использовать примесь в less, если эти примеси описаны в одном файле, а используються в другом? Например: .icon-youtube { // этот клас в другом файле background-image: url(../img/icons-spritesheet.png); background-position: -20px 0px; width: 24px; height: 26px;}.block { .icon-youtube;}В этом примере класс .icon-youtube генерируется grunt`ом и записан в отдельном файле. В файле стилей нужно использовать этот клас как примесь. Если в файл стилей подключить сгенерированный файл через @import - компилятор less выдает ошибку, что .icon-youtube не определен.

    Asked by shol,

    0 votes
    2 answers

  21. Три адаптивных колонки с изображениями разного размера и колонкой с текстом

    Привет местным Возник вопрос он скорее всего очевидный, но даже не знаю как правильно у гугла спросить, а сам не могу сделать Надеюсь на вашу помощь. Нужно сделать три адаптивных колонки с изображениями разного размера и колонкой с текстом. Вот корявый пример на фиделе того что я хочу https://jsfiddle.net/bagow/ybzh6s8h/8/ Важно что бы картинки оставались одной высоты до того момента как спрыгнут на разные строки, и что-бы 1 с 3 колонки были одинаковые а 3 соответственно занимала все свободное пространство 20\60\20.

    Asked by dimabagow,

    0 votes
    2 answers

  22. HTML5 ползунок по типу "slide to unlock" с примагничиванием

    Нужно сделать ползунок, нашёл готовый вариант: https://css-tricks.com/examples/SlideToUnlock/ Однако от меня требуется, чтобы я сделал авто-доползание ползунка до конца, если он сдвинут минимум на 70% от старта. Как на настоящем экране блокировки. Как такое сделать?

    Asked by iBars,

    0 votes
    2 answers

  23. Анимированое изменение числа

    В разделе js настолько нубских вопросов нет, поэтому сюда. Помогите, пожалуйста, с кодом. $({numberValue: 10000}).animate({numberValue: 5000}, { duration: 2500, easing: 'linear', step:function() { $('.count_text').text(Math.ceil(this.numberValue));}}); По идее он должен плавно опускать значение с 10000 до 5000, но конечная цифра всегда рандомная и никогда не совпадает с назначенной.

    Asked by Justus,

    0 votes
    2 answers

  24. Фон не растягивается по доине экрана

    Сайт: http://bigbars.ml/ss/index.html На первом скриншоте всё нормально, фон вписан полностью и нет пустых мест по бокам http://storage1.static.itmages.ru/i/16/0217/h_1455722608_1698131_7587051b8b.png А на втором фон почему-то обратно сужается и сверху-снизу остаются пустые места http://storage4.static.itmages.ru/i/16/0217/h_1455722665_4618589_8906aede4e.png А на компьютере так вообще ниже носа ничего не видно, плюс див #polz какой-то громадный, не такой как на телефоне http://storage8.static.itmages.ru/i/16/0217/h_1455722804_7519837_5aa444da56.jpg

    Asked by iBars,

    0 votes
    2 answers

  25. Подскажите кто ни будь, такое возможно сделать?

    Есть блок у которого включена прокрутка и по умолчанию она при загрузке страници разпологается с лева на право можно её поменять чтобы она начиналась с права на лево? вот фото http://prntscr.com/a4r8qg

    Asked by Fizruke,

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