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. :first-child не срабатывает

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

    Asked by GTAlex,

    0 votes
    2 answers

  2. :hover протекает внутрь дочернего, как починить?

    Есть <span class="hider">. По :hover он должен показывать свое содержимое. Он может быть вложен в себя на любой глубине. Демо: https://jsfiddle.net/kzosd0wp/3 Проблема: когда срабатывает :hover на корневом .hider, все .hider на всю глубину показывают теги <a>, но не должны. Требуемое поведение: по :hover .hider показывает только свое содержимое и родительских hider, но не содержимое вложенных в него .hider. Сейчас при наведении курсора на внешний hider показывается лишняя ссылка, но не должна. Ее должно быть видно только при наведении на дочерний .hider. Селектор .hider:hover > a не выход, т.к. внутри .hider ссылка может быть…

    Asked by 7ion,

    0 votes
    4 answers

  3. .htaccess

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

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

    0 votes
    2 answers

  4. "клиент" для localstorage

    c mysql удобно работать при помощи phpMyAdmin. скажите пожалуйста, существуют ли подобные утилиты для работы с localstorage браузера? я сейчас смотрю содержимое localstorage при помощи console.log, но это неудобный способ

    Asked by cyklop77,

    0 votes
    2 answers

  5. "Непослушная" кнопка

    Вот какие дела! Кнопка не реагирует ни на какие методы её логического позиционирования! Она сдвигает свою "попу" с места только при самом грубом позиционировании (position:absolute). А относительно блока content ни в какую! Вот кусочек кода кнопки и текстовых полей

    Asked by DMixa,

    0 votes
    4 answers

  6. <!DOCTYPE html> 

    При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.

    Asked by Андрей7000,

    0 votes
    19 answers

  7. << и >> до и после текста

    Нужно сделать << и >> до и после текста. Вот таким образом http://skrinshoter.ru/s/050718/7gDP7LAc?a У меня получается как-то некорректно http://skrinshoter.ru/s/050718/lO2xSi0U Элементы чуть приподняты. Как их выровнять? margin-top не помогает, before и after - тоже https://codepen.io/anon/pen/PavQWP

    Asked by yaparoff,

    0 votes
    3 answers

  8. <sup> в миксине jade

    нужно чтобы через jade отобразились корректно "см2". Ну чтобы цифра 2 была мелкой и выше. В HTML делается с помощью тега <sup> Но как этот тег передать, если я передаю строку в миксин jade ? +input('name', 'Площадь, см2') +input('name', 'Площадь, см<sup>2</sup>') https://codepen.io/anon/pen/XoMXdj

    Asked by yaparoff,

    0 votes
    1 answer

  9. $.Validation изменение приоритета правил

    Добрый вечер. Есть популярный плагин https://jqueryvalidation.org/ для валидации форм. Всё хорошо, но нужно изменить очередность применения правил. При инициализации плагина при указании правил, независимо от того в каком порядке они указаны, применяться в первую очередь все равно будет правило "email", а нужно чтобы в первую очередь проверялось "kir_mail". То есть, чтобы пользователь видел ошибку о том что он использует кириллические символы до того как он напишет почту в правильном формате. rules: { email: { required: true, kir_mail: true, email: true, emailBlackList: true } } Какой день уже ищу решение, но что то не…

    Asked by li4e,

    0 votes
    1 answer

  10. 2 разные Bootstrap сетки

    Всем привет. Есть макет, который отрисован по Bootstrap сетки. Однако на оснвных страницах используется стандартная сетка шириной 1170px, а на нескольких внутренних используется сетка шириной 960px. Как верстать такой сайт правильнее? Подключать два файла стилей бутсрапа? Как тогда указать, как использоваться в данный момент. Заранее спасибо за ответ!:)

    Asked by IvanRu08,

    0 votes
    2 answers

  11. A как вы делаете кривые линии блоков?

    Собственно вопрос. Скрин Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет? Вариант canvas знаю что есть, только ищу легкий путь)

    Asked by Нарек,

    0 votes
    13 answers

  12. Adaptation of the subscription form

    Hello! Could you help me figure out how to adapt? .subscribe-form{ display: flex; justify-content: end; width: 100%; height: 90px; margin-top: 46px; border: none; } input[type="email"]{ background: #fcc302; color: #ffffff; padding: 17px 25px 17px 36px; font-size: 25px; font-weight: 300; } .section-button{ background-color: #00bec9; padding: 27px 37px 27px 39px; height: 90px; border: none; cursor: pointer; }

    Asked by Lesia,

    0 votes
    6 answers

  13. After по центру блока

    Привет, как сделать after по горизонтали блока? https://jsfiddle.net/kLmxszwj/

    Asked by exoty,

    0 votes
    1 answer

  14. AngularJS routing

    Добрый день. Учу Angular, сделал маршрутизацию. Но при открытии всех страниц, кроме главной, возникает не понятная мне ошибка! Можно наблюдать в консоли. Проблему можно посмотреть на http://li4e.ru/white Подскажите пожалуйста в чем может быть дело?

    Asked by li4e,

    0 votes
    1 answer

  15. bg-blend-mode в действии

    Доброго времени суток. Уже давно мучает вопрос, который связан со свойством background-blend-mode и градиентом. Суть вопроса в том, что при вёрстке сайта с макета psd, я часто попадаю на фоновое изображение, которому задана функция с наложением градиента с целью частичного затемнения. Так вот у меня не получается реализовать это в самом проекте. Хотелось бы получить толковый ответ по данному вопросу. Пример кода для наглядности: body { width: 100%; background-image: linear-gradient(to top, rgb(0,0,0), rgb(255,255,255)), url(Surfers/src/img/bg-about-us.jpg); background-blend-mode: normal; }

    Asked by Еврейская Мышь,

    0 votes
    4 answers

  16. Bootstrap 4, Flexbox или Cssgrid

    Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…

    Asked by Владимир Горинов,

    0 votes
    3 answers

  17. Bootstrap menu - гамбургер

    Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css

    Asked by Liv0n,

    0 votes
    2 answers

  18. Bootstrap slider: переместить описание на слайде

    Bootstrap - slider. Необходимо переместить описание. Попробовал сделать это с помощью position:relative и position:absolute. Но получается перемещать только вверх-вниз. А как сделать это вправо-влево? Вот сам сайт

    Asked by yaparoff,

    0 votes
    1 answer

  19. bootstrap выпадающее меню

    Нашел в бутстрапе выпадающее меню с кнопкой, при нажатии на которой внешний контейнер родитель добавляет себе класс "open". Вот свойства батома <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">Выпадающий список </button> aria-expanded="false" при нажатии меняется на false true и внешний блок добавляет и удаляет себе класс соответственно. Как так происходит? это без JS? как такого добиться?

    Asked by aqua.77,

    0 votes
    1 answer

  20. bootstrap колонки + рамка

    Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?

    Asked by YurikMurik,

    0 votes
    3 answers

  21. Bootstrap фотогаллерея

    Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.

    Asked by Pinga,

    0 votes
    7 answers

  22. bootstrap, выход за предел container

    Как в bootstrap сделать что бы фон меню(ленточка) выходил за края container? Возможно ли это вообще?

    Asked by Brodyaga337,

    0 votes
    8 answers

  23. border текст

    Приветствую, не могу добиться такого эффекта как тут - http://html5up.net/txt Текст наезжает на рамку. https://jsfiddle.net/kL19sfbL/

    Asked by Vans,

    0 votes
    2 answers

  24. border-image

    Здравствуйте. Подскажите пожалуйста новичку, как вставить border-image только с правой стороны?

    Asked by титько,

    0 votes
    2 answers

  25. Checkbox,radiobox изменение по клику на label

    Задача: сделать кастомизированый checkbox и radiobox. Для наглядности я убрал все стили, которые отвечают за оформление. Проблема : по клику на label состояние чекбокса(радиобокса) не изменяется. Почему? https://jsfiddle.net/o3720fkn/

    Asked by WhatIsHTML,

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