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. Как присоединить m3u8 к тегу video из HTML5 ?

    Есть источник : http://cdnmg.secure.live.rtr-vesti.ru/hls/russia_24/playlist_3.m3u8 Этот URL нужно записать в файл 1.m3u и запустить этот файл с помощью VLC-плеер, для тестирования этого URL. Скажите пожалуйста, как источник m3u8 присоединить к тегу video из HTML5 ? Пожалуйста, покажите работающий пример с этим источником. Спасибо.

    Asked by itwoker5,

    0 votes
    1 answer

  2. Как вставить 3D-тур на сайт?

    Всем доброго времени суток. Имеется 3D-тур для заведения предоставленный по ссылке - http://fotospy.ru/3d/demo/grill-grad/domiki/tour.html. Каким образом мне вставить его на мой сайт так чтобы могли просматривать этот тур на нем? Буду благодарен за помощь.

    Asked by guram07,

    0 votes
    1 answer

  3. Перечеркнуть изображение крест-накрест

    Есть div с картинкой и текстом. Его нужно перечеркнуть крест-накрест. Вот никак не соображу как это сделать ловчее и техничней, чтобы адаптивность сохранилась. Кто-нибудь может подсказать решение ?

    Asked by 107andz,

    0 votes
    1 answer

  4. font-family в Chrome для конкретного шрифта не работает

    Памагити. Не пойму, почему в Chrome и в FF не работает элементарная конструкция, а в IE она же работает. <p style="font-family: HVD Peace, sans-serif; font-size: 40pt; ">Test of font family</p> <p style="font-family: HVD Peace, serif; font-size: 20pt; ">Test of font family</p> (шрифт при этом у меня локально установлен, с url я пока не пробовал) Получаем при этом: - это предпросмотр в IE, а во всех остальных браузерах (Chrome, FF, Opera) выглядит вот так: То есть общее описание (serif или sans-serif) подхватывается, а конкретный шрифт - нет. Пробовал с разными шрифтами. Это у меня какая-то локальная проблема с …

    Asked by hithlin,

    0 votes
    2 answers

  5. Помогите с кодом

    <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title> Fucking slavse</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet"> </head> <body> <header id="header" class="header"> <div class="container"> <div class="nav"> <img src="img/logo.svg" alt="OJJO"> </div> </div> </header> <section id="section" class="section"> <…

    Asked by Jisuko,

    0 votes
    4 answers

  6. Не работает Transition

    Не работает плавный переход, в чем проблема? .works { display: flex; flex-wrap: wrap; } .works__item { width: 25%; height: 350px; position: relative; overflow: hidden; } .works__item:hover .works__content { opacity: 1; } .works__photo { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate3d(-50%, -50%, 0); } .works__content { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; background-color: rgba(232, 69, 69, .9); opacity: 0; text-align: center; po…

    Asked by sanya003190,

    0 votes
    1 answer

  7. Прелоадер не закрывается.

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

    Asked by markevil,

    0 votes
    4 answers

  8. Как бы вы сверстали такую страничку?

    Здравствуйте, друзья. Помогите пожалуйста разобраться, в общих чертах, как верстаются подобные страницы. Нужно понять какие пожелания по верстке выдвигать при заказе. Имел плохой опыт с исполнителем который верстал таблицей в таблице! Сайт и адаптивный и резиновый. Количество столбцов меняется в зависимости от ширины экрана: 0-580: 1 столбец, 581-870: 2 столбца, 871-1160: 3 столбца, 1161-1450: 4 столбца, 1451+∞: 5 столбцов. Конкретно этот макет выполнен для разрешения 1920, поэтому пять столбцов. 1 Что выбрать для верстки подобных страниц: гриды, флексбоксы, дивы или что-то другое? 2 Тут надо использовать БЭМ, Bootstrap или что-то другое? …

    Asked by Stoer,

    0 votes
    4 answers

  9. Не заменяется картинка

    Ребята, добрый день! Столкнулся с такой проблемой, решили заменить картинку на главной странице компании. Работаем мы через Joomla. Я решил схитрить, чтобы не указывать пути и т.д., так как просто не знаю как это делается, переименовал новую картинку в название старой. Старую я удаляю, загружаю новую с таким же названием. Обновляю сайт, картинка не меняется оставаясь старой, обновляю жумлу, а там вместо новой картинки, уже старая, как это работает, лол? Но стоит мне новую картинку переименовать, так она сразу становится собой, а не старой. И самое интересное, я около недели назад так же делал, и у меня получилось установить новую картинку, тестовую так ска…

    Asked by gmod1966,

    0 votes
    1 answer

  10. Адаптивная верстка блоков сайта

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

    Asked by rafaello9,

    0 votes
    1 answer

  11. Что у Вас было с <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

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

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

    Asked by GRAY,

    0 votes
    2 answers

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

    Какой раз я сталкиваюсь с проблемой: если в одном месте вставишь элемент (рисунок, текст), то в каком-то другом месте происходит выталкивание других элементов. Как обойти эту проблему в коде, для того чтобы рисунки (иконки) располагались слева от пунктов меню Каталог товаров (и чтобы пункты меню типа Крупная техника для кухни, Крупная техника для дома располагались по центру блоков): <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

  14. Проблема с любимым "Липким" - 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

  15. Вложенные таблицы. Проблема с отображением рамок вложенных таблиц

    Здравствуйте! Прошу помочь мне советом по оформлению вложенных таблиц. Пример по ссылке: https://jsfiddle.net/formikulo/895fnhzc/1/ Проблема заключается в том, что рамки между вложенными таблицами в Таблице 2 выглядят жирнее, чем остальные. Хотя для всех линий задана одна толщина 1px. Как сделать так, чтобы все рамки были одинаковой толщины?

    Asked by Formikulo,

    0 votes
    15 answers

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

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

    Asked by Albinka,

    0 votes
    1 answer

  17. Как подключить slick-carousel в gulp

    Добрый день. Не могу подключить слик слайдер в галп. Я их установил через npm и jquery. Но не получаеться ничего

    Asked by Czar_dmitriy,

    0 votes
    1 answer

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

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

    Asked by proxor1,

    0 votes
    0 answers

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

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

    Asked by GRAY,

    0 votes
    4 answers

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

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

    Asked by newmandvin,

    0 votes
    0 answers

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

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

    Asked by AlexandrPrazdnikov,

    0 votes
    0 answers

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

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

    Asked by Bolvongar,

    0 votes
    1 answer

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

    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

  24. Открыть ссылку в новом окне!

    {** block-description:text_links **} {if $block.properties.show_items_in_line == 'Y'} {assign var="inline" value=true} {/if} {assign var="text_links_id" value=$block.snapping_id} {if $items} {if $inline && !$submenu} <div class="ty-text-links-wrapper"> <span id="sw_text_links_{$text_links_id}" class="ty-text-links-btn cm-combination visible-phone"> <i class="ty-icon-short-list"></i> <i class="ty-icon-down-micro ty-text-links-btn__arrow"></i> </span> {/if} <ul {if !$submenu}id="text_links_{$text_links_id}"{/if} class="ty…

    Asked by DonCarlo,

    0 votes
    2 answers

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

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

    Asked by goru00,

    0 votes
    1 answer

  • Обсуждения

    • 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