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. Фиксированный заголовок таблицы в css

    Добрый день. Можно ли как то реализовать так, чтобы часть таблицы закрепилась, а на определенном месте отлипла. (в конце таблицы в частности) Нужно для просмотра большой таблицы(в высоту), чтобы при прокрутке вес размер и прочие атрибуты в заголовке листались пока смотришь, а когда дальше таблицы скролишь чтобы заголовок на верх вернулся.

    Asked by robibestplay,

    0 votes
    2 answers

  2. Неравномерный градиент

    С помощью градиента в качестве фона хочу подсвечивать колонки в макете. Чередуются красные полосы процентной ширины с зелеными полосами фиксированной. В теории все вроде бы просто, на практике ширина зеленых полос различна + присутствует размытость. Что я делаю не так? Демо

    Asked by br3t,

    0 votes
    3 answers

  3. появляются тонкие серые полосы ни как не получается убрать

    ПОМОГИТЕ!!! Сделал анимация фона через div, а не body и появились со всех сторон тонкие серые полосы которые ни как не убираются. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>LEGO MINECRAFT 2021</title> <link rel="icon" href="https://www.gongoll.de/media/image/cf/3d/18/lego-logo-04.png"> <link rel="stylesheet" href="../CSS/css.legominecraftyears.css"> </head> <body style="background-color: gray; width: 1903px; height: 1540px;"> <!--КОРОБКА ДЕЛАЮЩАЯ МЕНЯЮЩИЙСЯ ФОН--> <div class="module-slider-background" style="display: flex; flex-…

    Asked by __kirill__,

    0 votes
    1 answer

  4. Как отделить картинку от текста?

    Как отделить картинку от текста

    Asked by Ольга Инякина,

    0 votes
    1 answer

  5. Input type submit с плавающим gradient фоном

    Все работает для любых элементов кроме input type="submit". Вот пример: .test { background: linear-gradient(to left, #feffe800 0%, #c3c3c3e6 100%); transition: all 1s ease-in-out; background-size: 20% 100%; display: inline-block; } .test:hover { background-size: 100% 100%; } Здесь плавает только background-size. Что не так делаю? Это в браузере не допилено или я туплю где-то?

    Asked by Full-R,

    0 votes
    0 answers

  6. Встраивание html5 объектов, в верстку.

    Всем добрый день, нужна помощь по верстке. Сейчас занялся перебудовой сайта на html5 вместо флеша, и столкнулся с тем что нужно правильно вставить html5 объекты. Мой сайт - abso-lute.ru, там сейчас 2 элемента вверху (меню и кристал), нужно их правильно вставить. Я полагаю это возможно через iframe, но получилось криво, ещё и при загрузке какие-то полосы прокрутки. Rebuilt В общем.

    Asked by chakrai,

    0 votes
    1 answer

  7. Как правильно выставить отступы (Вопрос от новичка)

    подскажите что не так? отступы ставлю как на макете, а текст прижимается к картинке <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="asecs/css/style.css"> <title>Five Stars Room</title> <link rel="preconnect" href="https://fonts.gstatic.com"> </head> <body> <header> <div class="container"> <div class="top-bar"> <div class="header-inner"> <div class="top-logo" >Logo</div> <nav class="nav"> <a class="link-nav" href="#">…

    Asked by rustamXx,

    0 votes
    0 answers

  8. Почему не ставится height:auto и не видно новые блоки?

    Я ооочень начинающий верстальщик и html знаю плохо, в общем проблема вот в чем: на сайте если поставить блоку #contentwrp height:auto, то его просто не видно, а так же если делать какой-то текст/другие блоки на этом самом #contentwrp их тоже не видно. Я уверен что проблема очень проста и я туплю, поэтому, я вас очень прошу, подскажите, пожалуйста, я только учусь.

    Asked by GreenAurora,

    0 votes
    1 answer

  9. Помогите решыть проблему с блоком

    верстаю свой первый макет и сталкнулся с проблемой. кто сможет помочь? с обяснением, фото //CSS фото //HTML фото //Макет фото // Как получается у меня

    Asked by Stacuha,

    0 votes
    1 answer

  10. Интерактивные элементы расположены слишком близко

    Может кто-то подскажет... Есть область под хлебные крошки между меню и записью. Вставляю с помощью кода слайдер на главную, все отлично, настраиваю слайдер адаптивный, все работает. Но, есть один момент, что проходит совсем немного времени и если зайти в search console гугла, то он начинает ругаться, что интерактивные элементы расположены слишком близко. Как решить такую проблему? Посмотреть можно по ссылке на сайт. Нужна помощь или совет, как решить или хотя бы направление в каком искать... спасибо

    Asked by Yankee,

    0 votes
    1 answer

  11. Выравнять блоки и слои

    Здравствуйте, Надо поднять <div class="conteiner" На один уровень с <div class="fone35> по высоте. Как это можно сделать? https://jsfiddle.net/ratus/g879ptjy/23/

    Asked by ratus,

    0 votes
    4 answers

  12. Как выстроить в 1 строку ссылку с картинкой?

    У меня есть 2 ссылки с картинкой (стрелка), мне нужно разместить их зеркально друг от друга (типа назад и вперёд), пробовал через div но оно на разных стоках. Если просто отдельно для каждой делать, то они на разных высотах по (y) пикселей 5 (фиг знает). Подскажите как можно их выровнить

    Asked by MadlYSmiling,

    0 votes
    1 answer

  13. stylus

    Нужен учебник по stylus на русском. Дайте ссыль.

    Asked by torsar,

    0 votes
    0 answers

  14. postcss

    Нужен учебник по postcss на русском. Дайте ссыль.

    Asked by torsar,

    0 votes
    0 answers

  15. Убрать нижний отступ под видео

    Здравствуйте!Простите, если не сюда пишу.Уже несколько дней не могу найти свою ошибку.Прошу помощи.Пишу сайт.Вверху страницы горизонтальное меню - фиксированное.Под горизонтальным меню вставляю видео с текстом. Видео затеняется с помощью overlay.Все вставляется, но под видео большой отступ, заполненный тенью от видео.Как убрать большой отступ?На скрине выделена область, которую необходимо убрать.Сильно не пинайте, пожалуйста, только начинаю изучать это дело.Сайт запускаю на OpenServer. В веб еще не выкладывал. Index <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Мой сайт</title> <li…

    Asked by iiwanc,

    0 votes
    0 answers

  16. Добавление float делает нерабочим margin.

    Здравствуйте! У меня 2 div блока, идущие друг за другом. Добавление float для любого из слоев, и неважно с каким значением, делает нерабочим margin. Один из объектов словно прилипает к верхней части страницы. Если float убрать, то слои можно свободно двигать. Как избавится от данного эффекта? И с чем это может быть связанно? Заранее спасибо.

    Asked by ratus,

    0 votes
    10 answers

  17. Чем вызвано описанное поведение в FF, и как его исправить?

    Здравствуйте. В FF div.container__right приобретает ширину в 4000px, когда должен иметь ширину вложенной в него картинки. Не пойму, почему так происходит? в остальных браузерах все хорошо... <div class="container"> <div class="container__left"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non …

    Asked by dg-here,

    0 votes
    2 answers

  18. Наложение flex элементов друг на друга

    Приветствую, не судите пожалуйста строго, я начинающий верстальщик, итак, при вёрстке сайта столкнулся с проблемой, имеется изображение поверх надо наложить пару flex элементов, но ни как не получается, они вытесняют друг друга, margin и background использовать нельзя, изображение обязательно должно быть в теге img а блок контейнер резиновый т.е. без указания абсолютных величин, одним словом должно получиться так как на картинке.

    Asked by Махардзе Иосиф,

    0 votes
    5 answers

  19. Верстка сайта

    Здравствуйте! Интересует вопрос по верстки сайта, как я понял существует 3 типа: табличная(table), блочная(div) и сеточная (layout, grid) и каждый тип по-своему влияет на SEO. Есть сайт, сверстанный полностью на table, и я не знаю, нужно ли поменять верстку на более "новую", чтобы выдавал более высокий рейтинг в поисковике, или тип верстки сайта никак не влияет на это?

    Asked by nse,

    0 votes
    3 answers

  20. Вопрос от новичка

    Как вставить картинку ? должно получиться как на нижней картинке вот мой код <!DOCTYPE html> <html> <head> <title>Испытание 2: слайдер</title> <meta charset="utf-8"> </head> <body> <div class="conteiner"> <div class="content"> <h1>Долго, дорого, скрупулезно</h1> <p>Математически выверенный дизайн для вашего сайта или мобильного приложения.</p> </div> <div class="knopka"> Узнать больше </div> </div> &lt…

    Asked by rustamXx,

    0 votes
    1 answer

  21. Блок "скрыть / показать" по клику выводит ограниченное кол-во кнопок

    Добрый день! Я только учусь, поэтому не судите строго за вопрос. Есть страница, на которой есть блок "популярные направления". Постоянно должны отображаться только 9 кнопок-направлений, а остальные должны скрываться под кнопкой "показать еще". Но даже после добавления новых кнопок, отображается только 10. Страницы сами есть, они созданы и создаются и отображаются при индексировании. Не могу найти тег, который ограничивает вывод кол-ва кнопок или конфликт, который препятствует выводу бесконечного кол-ва кнопок. Сам блок реализован в форме виджета и может вставляться на другие страницы. Код виджета: $r = new WP_Query( apply_filter…

    Asked by Alex_lol,

    0 votes
    2 answers

  22. Прошу помощи с установкой высоты страницы

    Господа, есть один небольшой сайт обычной школы ( link ), где контент части страниц сделан в виде блоков с закладками на чистом css. Всё бы ничего, но содержимое всех закладок раз ное и из-за этого "прыгает" высота страниц. Можно ли как-то сделать, чтобы она была постоянной или изменялась в зависимости от высоты содержимого закладки? Пример "проблемной" страницы, например, можно посмотреть вот тут link. Спасибо.

    Asked by CrewDK,

    0 votes
    2 answers

  23. смена цвета кнопок при наведении в woodmart (WP)

    здравствуйте использую в боковом сайдбаре виджет от woodmart- боковая панель Mega Menu цвета заголовка и прочего отредактировать я смог, а вот с цветом и стилем при наведении возникают проблемы. хотелось бы изменить цвет кнопки при наведении на нее, весь код облазил, а найти сам не могу. и если можно сделать подчеркивание так, как сделано в шапке (например, при наведении на кнопку "доставка и оплата", оно реализовано в самих настройках темы) вообще было бы отлично. адрес: все-пестициды.рф

    Asked by MrBakardi,

    0 votes
    1 answer

  24. Гуглу не нравится отображение для мобильного

    Привет всем Кто может подсказать. Что Гуглу может не нравится в плане совместимости с с мобильным? https://kit-gadget.com.ua/xiaomi/xiaomi_poco_x3_nfc.shtml Если можно тыкнуть пальцем. Не могу понять, где что не так. Спасибо.

    Asked by vityah1,

    0 votes
    4 answers

  25. Canvas через view port

    Не могу отмасштабировать canvas элемент у которого contenxt использует для центрюги пикселы, а у меня интерфейс на view port юнитах. Есть ли способ версткой вогнать canvas по масштабу при уменьшении размера окна? Сейчас все элементы нормально плющатся. Есть идея перегонять px в vw а потом ставить event на resize чтобы context вправил себе мозги, но это не очень удобно со всех сторон. Мастера, есть ли другой способ сделать это версткой? Вот ссылка на задачу: Rebuild (revolvercmf.ru)

    Asked by Full-R,

    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