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

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

    Asked by torsar,

    0 votes
    0 answers

  2. postcss

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

    Asked by torsar,

    0 votes
    0 answers

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

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

    Asked by ratus,

    0 votes
    10 answers

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

    Здравствуйте!Простите, если не сюда пишу.Уже несколько дней не могу найти свою ошибку.Прошу помощи.Пишу сайт.Вверху страницы горизонтальное меню - фиксированное.Под горизонтальным меню вставляю видео с текстом. Видео затеняется с помощью 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

  5. Не подключается файл css

    Приветствую всех. Происходит непонятная проблема. Два простых файла html и к нему css. Оба лежат на диске C:\ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Проверка работы стилей!</title> <link rel="stylesheet" type="text/css" href="/style.css" /> </head> <body> <div id ="hello">Hello, world!</div> </body> </html> Style.css #hello { font-size: 100px; } В IE шрифт отображается правильно, а в Firefox без изменений (остается стандартный шрифт). Почему так может происходить?

    Asked by kalisto,

    0 votes
    23 answers

  6. Чем вызвано описанное поведение в 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

  7. Где обстоятельно почитать про BEM?

    Где обстоятельно почитать про BEM?

    Asked by torsar,

    0 votes
    9 answers

  8. Canvas через view port

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

    Asked by Full-R,

    0 votes
    3 answers

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

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

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

    0 votes
    5 answers

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

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

    Asked by vityah1,

    0 votes
    4 answers

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

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

    Asked by Alex_lol,

    0 votes
    2 answers

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

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

    Asked by MrBakardi,

    0 votes
    1 answer

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

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

    Asked by nse,

    0 votes
    3 answers

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

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

    Asked by CrewDK,

    0 votes
    2 answers

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

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

  16. Создать кастомную кнопку

    Все привет. Использую bootstrap 3, хотя это наверно и не существенно. Необходимо сделать, чтобы у активных кнопок внизу был указатель, как на картинке. Кнопка любого цвета с любой границей, с иконками и текстом. Но проблема именно с треугольником внизу у активной кнопки. Не знаю, как к этому подступиться. Толкните в нужном направлении, спасибо.

    Asked by Alex777-777,

    0 votes
    2 answers

  17. Чем заменить параметр zoom?

    Здравствуйте! Такая проблема, хотел адоптировать сайт под маленькие устройства, и это идеально делает css параметр "zoom: .85" (применяю ко всему body) , но проблема в том, что Safari и Firefox это параметр просто не воспринимают. Так вот, чем можно его заменить? Я уже гуглил, там предлагали поменять на transform, но он вообще не так работает, то ли из-за специфики Opencart (CMS установленная на сайте), то ли он просто не подходит в данном случае. Отпишите, пожалуйста, если у вас есть какие-нибудь идеи. В данный момент на сайте включен вариант с ZOOM, в эмуляции телефона гуглом работает отлично. <--Это с zoom <--Это с transform

    Asked by GreenAurora,

    0 votes
    1 answer

  18. как правильно записать конструкцию if

    пишу так: a { if &[href $='.pdf'] {$typecontent: '\f1c1';} if &[href $='.xls'] or &[href $='.xlsx'] {$typecontent: '\f1c3';} if &[href $='.doc'] or &[href $='.docx'] {$typecontent: '\f1c2';} if &[href $='.ppt'] or &[href $='.pptx'] {$typecontent: '\f1c4';} if &[href $='.zip'] or &[href $='.7zip'] or &[href $='.rar'] {$typecontent: '\f1c6';} else {$typecontent: '';} } .dsize { color: $wite; &::before { margin-right: .5em; font-family: "Font Awesome 5 Free"; font-weight: 600; content: $typecontent; …

    Asked by teanrus,

    0 votes
    1 answer

  19. Как уменьшить размер картинки в html?

    Только начал изучать html. До этого никогда не занимался ничем подобным. Если в теге <img> не задавать атрибуты wigth и heigth, то оно использует их стандартные размеры. А как сделать размеры картинки меньше стандартных? Чистый html, без css.

    Asked by star_l1ght,

    0 votes
    1 answer

  20. Пустое место когда убираю рекламный блок Adsense

    Здравствуйте! На сайте, когда убираю рекламный код Adsense появляется пустое место. Когда рекламный блок на месте, то разрыва между футером и контентным блоком нет. Рекламный блок подключается через функцию include <!--таблица комментарии--> <?php include("blocks/komments2.php");?> <!--таблица комментарии--> Код CSS: Скрытый текст /* Timeweb test comment */ /* Timeweb test comment new*/ /* Vadim comment new2*/ /* Vadim comment new3*/ /* new */ /* Vadim comment new4*/ body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapp…

    Asked by Weskiers,

    0 votes
    4 answers

  21. Не получается выделить первую букву через псевдоэлемент

    Как первую букву в слове "Новье" выделить жирным штифтом и цветом? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Псевдоэлементы</title> <style> P.new:after { content: " - Новьё!"; /* Добавляем после текста абзаца */ } </style> </head> <body> <p class="new">Ловля льва в пустыне с помощью метода золотого сечения.</p> <p>Метод ловли льва простым перебором.</p> </body> </html>

    Asked by denis_alekss,

    0 votes
    3 answers

  22. Проблема в верстки с footer( Первая верстка).

    Решил узучить Html. Начал свою первую вертску и у меня возникла проблема с footer. Проблема в том что у меня у меня как-о не рабоет margin и мне приходить ставить большие числа(px), чтобы опустить элемент вниз. Также у меня почему-то footer вылазиет поверх фото, хотя должен быть внизу их ТУТ. Помогите. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Burning man</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans&display=swa…

    Asked by Stomi,

    0 votes
    1 answer

  23. Выравнивание текста в таблице

    День добрый. Не могу выровнять текст в заголовках по центру таблице, на команды в HTML не реагирует. Что может мешать в коде ниже? <!DOCTYPE html> <head> <meta charset ="utf-8"/> </head> <body> <table border="1" cellspacing="0" cellpadding="12" width="500"> <h1><div class="name"> #FOOD</div></h1> <table> <tr><div class="menu"> <th align="center"><a href="https://vk.com/pashinskijj1992"</a></div>VK</th> <th align="center"><a href="https://www.youtube.com/channel/UC1GzSj4uar7I4Zx-p_4IPcw"</a>YouTube</th&…

    Asked by AndrewLite,

    0 votes
    1 answer

  24. Не применяет стили к кнопке

    Какие компиляторы не пробовал, к кнопке стили не применяются. На сайте есть такая же кнопка, пробовал дать одинаковый класс для кнопок, но тоже не работает. Кто сможет подскажите в чём проблема. Вот оформления секции с кнопкой .mobile background-image: url(../img/app_bg.png) (center / cover) no-repeat .title color: #222222 font-size: 38px font-weight: 700 font-style: normal letter-spacing:і normal text-align: center text-transform: uppercase margin-top: 38px .subtitle color: #222222 font-size: 17px fon…

    Asked by whitegremlin,

    0 votes
    1 answer

  25. Gulp-webp-css игнорирует background:none,

    Верстаю шаблон в VS Code с Gulp, возникла необходимость убрать иконку при уменьшении экрана через background:none через @media (max-width: $md1+px) { background: none; padding: 0; }. В результате background не пропадает, принудительно выводит изображение не смотря на background:none: В webpcss в gulpfile .pipe(webpcss({ webpClass: '', noWebpClass: '.no-webp' })). Не знаю, как решить эту задачу.

    Asked by виктория new,

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