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. Адаптивная верстка блоков сайта

    Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то ес…

    Asked by rafaello9,

    0 votes
    1 answer

  2. Что у Вас было с <html> и <body> (легчайший вопрос, тут нет простыни из кода)

    Привет форумчанам. Пытаюсь научить себя верстать) Хочу попросить Вас поделитЬся опытом на тему тегов <html> и <body> и <head> Какие атрибуты вы на них вешаете в вашей стандартной рыбке при написании нового сайта? Частенько видел такое: body{ padding: 0px; margin: 0px; } Это НОРМАЛЬНО? Или топорно и так нельзя? И еще маленький вопрос в догонку. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Имя окна</title> <style></style> </head> <body> </b…

    Asked by GRAY,

    0 votes
    2 answers

  3. Убрать горизонтальную прокрутку

    Добрый день! Появилась горизонтальная прокрутка, по отладчику вижу ,что блоки больше заданной ширины max-width 1140px. Видимо, причина в этом, но не понимаю, как это исправить. Помогите,пожалуйста. Shop.rar

    Asked by Albinka,

    0 votes
    1 answer

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

    Какой раз я сталкиваюсь с проблемой: если в одном месте вставишь элемент (рисунок, текст), то в каком-то другом месте происходит выталкивание других элементов. Как обойти эту проблему в коде, для того чтобы рисунки (иконки) располагались слева от пунктов меню Каталог товаров (и чтобы пункты меню типа Крупная техника для кухни, Крупная техника для дома располагались по центру блоков): <html> <head> <link rel="stylesheet" href="mysite.css"> </head> <body> <div class="mainwrap"> <div class="mainmenu"> <span> <span> <button data-toggle="dropdown" data-target="#menu" c…

    Asked by newmandvin,

    0 votes
    1 answer

  5. Проблема с любимым "Липким" - sticky

    Дримвивер выдаёт критическую ошибку по представленной первой строке кода. Не могу разобраться и найти решение так же не могу. Прошу помощи, может кто сталкивался. @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } Ошибка: строка 6306, столбец 13: Duplicate property 'position' found. (Обнаружена повторяющаяся "position" свойства.)

    Asked by PoliWik,

    0 votes
    1 answer

  6. Вопрос по верстке с display: inline-block;

    Доброго дня, изучаю верстку и столкнулся с такой проблемой. Ссылка - http://aaxx.ru/. Увеличивая текстовое содержимое в красном контейнере (1), я сдвигаю вниз синий контейнер(2). Но, я не могу сверстать красный и синий контейнер display: blockами, т.к. они должны быть на одной строке, а не друг под другом. Только display: inline-block; - но тогда синий едет вниз. Как быть? Скринчик прилагаю.

    Asked by GRAY,

    0 votes
    2 answers

  7. Помогите разобраться с gridом

    Привет всем, осваиваю grid верстку. Начал верстать макет И сразу поперли непонятки. Вопрос про контейнер с классом .article в него вложены 20 контейнеров с фиксированными размерами, которые должны образовывать красивую сетку с равными расстояниями между блоками. grid-column-gap: 10px; grid-row-gap: 10px; Однако, в результате имеем различное расстояние. А если менять масштаб в браузере - совсем жесть получается. Скрины прилагаю. Вопрос один - где я НЕ ТАК?

    Asked by GRAY,

    0 votes
    4 answers

  8. Как сделать 2 фона

    У меня есть фон основной он идёт во всю страницу но мне нужен ещё 1 фон по середине и туда засунуть 6 фотографий кликабельных и расставить их

    Asked by proxor1,

    0 votes
    0 answers

  9. Фиксированный заголовок таблицы в css

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

    Asked by robibestplay,

    0 votes
    2 answers

  10. Многоколоночное боковое выпадающее меню

    1. Как выделить пространство для меню? (на этом пространстве нарисована красная линия - прямоугольная область вокруг пунктов меню) 2. Как добиться многоколоночности меню как на сайте [url]https://positronica.ru/[/url] (как на рисунке ниже 2-хколоночности)?

    Asked by newmandvin,

    0 votes
    0 answers

  11. Анимация не подключается.

    Скачал файл animate. css Скинул в папку с CSS, подключил в HTML через link. Добавил в тег <div class="offer animate fadeinLeft> чтобы блок при загрузке выезжал слева(для примера) . Но ничего не происходит. В чём причина?

    Asked by Bolvongar,

    0 votes
    1 answer

  12. Можно ли убрать пустое пространство

    Я взял способ от скрыто / открывающего навигационного меню. Скрыл раздел в теге главная обернутый в li. Как убрать пустое пространство между main и нижним колонтитулами

    Asked by AlexandrPrazdnikov,

    0 votes
    0 answers

  13. Сдвиг текста

    HTML: <div class="sidebar"> <h2>Рейтинг новостей</h2> <ul> <li><a href="#">Первый</a><span class="rating_sidebar">8.1</span></li> <li><a href="#">Второй</a><span class="rating_sidebar">7.9</span></li> <li><a href="#">Третий</a><span class="rating_sidebar">6</span></li> <li><a href="#">Четвертый</a><span class="rating_sidebar">5</span></li> </ul> </div> …

    Asked by newabuser,

    0 votes
    1 answer

  14. Как вставить flex-элемент

    Всем привет. Возник вопрос, как вставить элемент (картинка прилагается) на флексах всю голову уже сломал, возможно, я просто глупый и не могу понять.

    Asked by goru00,

    0 votes
    1 answer

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

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

    Asked by br3t,

    0 votes
    3 answers

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

    ПОМОГИТЕ!!! Сделал анимация фона через 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

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

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

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

    0 votes
    1 answer

  18. 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

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

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

    Asked by chakrai,

    0 votes
    1 answer

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

    подскажите что не так? отступы ставлю как на макете, а текст прижимается к картинке <!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

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

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

    Asked by GreenAurora,

    0 votes
    1 answer

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

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

    Asked by Stacuha,

    0 votes
    1 answer

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

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

    Asked by MadlYSmiling,

    0 votes
    1 answer

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

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

    Asked by Yankee,

    0 votes
    1 answer

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

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

    Asked by ratus,

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