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. Прошу помощи с установкой высоты страницы

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

    Asked by CrewDK,

    0 votes
    2 answers

  2. Тег <hr>. Возможно ли вместо линии сделать текст?

    Тег <hr>. Возможно ли вместо линии сделать текст? Например что бы вместо линии отображались * * * (три звёздочки). Возможно ли такое? Или может есть какие-то альтернативные варианты как это организовать?

    Asked by ds1990,

    0 votes
    2 answers

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

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

    Asked by Alex_lol,

    0 votes
    2 answers

  4. Не показывает изображение в css помогите

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>Тритон Авто</title> <style> * { margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #2e2e2e; } body { background: #f8f7f3; } a { color: #037d64; } #page { width: 1100px; margin: 0 auto; } #header { background-image: url(‪C:\Users\vip_c\Desktop\html\img\qq.jpg); } </style> </head> <body> <div id="page"> <div id="header"> </div> </div&gt…

    Asked by 7908.96,

    0 votes
    2 answers

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

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

    Asked by Alex777-777,

    0 votes
    2 answers

  6. Расположение текста

    Здравствуйте, как сделать данный текст не по центру, а с левого края (равнять по левому концу border). Случайно отправил без скринов: .slider { display: flex; justify-content: space-between; margin-top: 150px; } .slider_item { border-top: 2px solid; width: 24%; font-size: 18px; color: #fff; text-transform: uppercase; padding: 20px 0;

    Asked by Garretidze,

    0 votes
    2 answers

  7. Как при наведении изменить сразу два класса CSS?

    При наведении на div нужно поменять и свойства дива и свойство картинки в нем (другой класс) как это можно сделать через CSS?

    Asked by Birdama,

    0 votes
    2 answers

  8. верстка карточной игры

    Всем привет! Друзья, помогите советом. Делаем карточную игру. Был сделан макет игры в псд. Далее программист сверстал все. При просмотре макета- все очень весело и красиво смотрится, когда захожу смотреть игру- все как-то уныло, тускло, где-то мутно, видны пиксели. Программист говорит, чтобы этого избежать, нужно увеличить разрешение, мне кажется, что это не так, т.к. макет и сама игра один к одному по масштабу. Помогите пожалуйста разобраться. Спасибо!

    Asked by zotovan1,

    0 votes
    2 answers

  9. Закругление фона у :hover при наведении на строку таблицы

    Не могу закруглить углы у background-color. В чем проблема?

    Asked by Tanya2021,

    0 votes
    2 answers

  10. высота блоков в HTML

    Есть блок родитель в котором находятся два дочерних блока. У родителя display; flex. Какое значение нужно задать второму блоку, чтобы он растягивался вниз до высоты большего блока(который рядом с ним) и при этом контент не смещался

    Asked by Romario1985,

    0 votes
    2 answers

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

    {** 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

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

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

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

    Asked by robibestplay,

    0 votes
    2 answers

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

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

    Asked by GRAY,

    0 votes
    2 answers

  15. hover с помощью transition

    Возникла проблема следующего плана. Я сверстал свой основной блок, под ним сверстал свой hover и расположил над основным блоком, но дал блоку hover изначально значение display:none. При наведении соответственно на нужный блок мой hover принимает значение display:flex и все хорошо отображается, но проблема в том что css-переходы(transition) при этом никак не работают. Нету ни задержки, ни плавного перехода, а просто hover поверх блока и все. Подскажите почему не работают transition?

    Asked by Romario1985,

    0 votes
    2 answers

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

  17. Проблема с меню

    КАК сделать так чтобы меню было для всех страниц одно скажите пожалуйста

    Asked by Кенжнбек,

    0 votes
    2 answers

  18. Линия через три блока

    Добрый день, подскажите как реализовать такую линию, как показано на рисунке? Линия пересекает три блока, один из которых находится над ней?

    Asked by Romario1985,

    0 votes
    2 answers

  19. Сворачивание меню при нажатии на ссылку

    Здравствуйте. Есть меню на html/css. Сделал ссылки для навигации с помощью якоря, но при нажатии на ссылку, меню не закрывается, так как для этого необходимо снять флажок с checkbox. Подумывал сделать из label ссылку, меню закрывается, текст оформлен как ссылка, но по ней не переходит. В общем, подскажите, пожалуйста, как сделать, чтобы я нажал на ссылку, попал на нужную часть сайта и меню закрылось без дополнительных действий https://jsfiddle.net/v8rwhuo0/1/ В дополнение: конечно же, хотелось бы то же самое провернуть с затемнением (чтобы меню закрывалось, если я кликну в любое место темной зоны) — class="mask-content" Заранее спасибо 🙂

    Asked by maisiq,

    0 votes
    2 answers

  20. Аккордеон на чистом HTML/CSS

    Добрый день. Подскажите как реализовать такой всплывающий блок как на картинке: 1) Блок на который один раз нажал должен быть открытым все время, до выбора другого блока; 2) Название блока в закрытом положении имеет черный цвет и стрелочка вниз, а при открытом синий цвет и стрелочка вверх 3) Реализовать с помошью HTML и CSS

    Asked by Romario1985,

    0 votes
    2 answers

  21. высота картинки

    Как убрать нижнюю часть картинки, на которой заливка, чтобы в блоке отображалась только видимая часть, тоесть все что обведено убрать, а блок стал по высоте видимой части

    Asked by Romario1985,

    0 votes
    2 answers

  22. Сколько времени займет верстка данного макета

    Дали тестовое - сверстать. Сказали займет 4 часа. Но я в этом сомневаюсь. сам макет. https://drive.google.com/drive/folders/1uu2IbqtlJYSpirSyCUbE6tDsDZmfkpgY

    Asked by Vladimir232323,

    0 votes
    2 answers

  23. flexbox и nth-last-child

    Добрый день. Возникла проблема следую щего плана, нужна адаптивная верстка с mobile-first. При этой верстке я сначла сверстал mobile получилась как на pictute1 picture1.psd. Чтобы сделать расстояние между блоками, которые я обвел бордером я задал margi-bottom, а у последнего элемента я его соответственно почистил. Но затем на tablet версииpicture2.psd и desktop picture3.psd у последнего элемента высота стала больше чем у остальных трех. При margin-bottom 0; для последнего элемента ничего не меняется. Что это за лишняя высота у последнего блока, откуда она появилась и как ее убрать?

    Asked by Romario1985,

    0 votes
    2 answers

  24. При добавлении контента в блоки секции, её размер должен увеличиваться.

    В секции есть четыре подблока, нужно сделать так, чтобы при добавлении любого количества текста, или элементов в этот подблок размер секции увеличивался следом. Задал секции минимальная высоту.Пытаюсь использовать различные варианты.

    Asked by Alekss,

    0 votes
    2 answers

  25. Не работающий слайдер

    Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от splide. Один с классом splide (работающий), другой c классом splid (не работает). Выглядит так, будто не работают стили. Отображается как не маркированный список текста и картинок. Стили добавила единожды: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.4.21/dist/css/splide.min.css" integrity="sha256-EqzwzekQXKNbB5EE4nNBQT+2gWQIWRZQXAd89YdIq8M=" crossorigin="anonymous"> Который не работает: Заранее спасибо!! <div class="foo_columns"> <div class="splid"> <div class="splid__track"> <ul clas…

    Asked by Алеся,

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