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. Тонкости cursor: url

    Здравствуйте, делаю такие стили: body { cursor: url("/images/pupbg.png"), auto; /* размер 4х4, вес 174 байта, работает */ } h1 { cursor: url("/images/unit.png"), auto; /* размер 170х200, вес 37 кбайт, не работает :( */ } h2 { cursor: url("/images/happy.png"), auto; /* размер 50х50, вес 5 кбайт, работает */ } В первом и последнем случае курсор-картинка работает, во втором - нет. Очевидно, что проблема в большом размере и весе картинки. Где-то можно узнать максимальные допустимые размеры? Пересмотрел пару десятков статей на эту тему - нигде такой информации не нашел.

    Asked by WalkWeb,

    0 votes
    2 answers

  2. Изменение текста при нажатии

    Здравствуйте. Видел на различных сайтах функцию изменения языка. Я искал в интернете информацию о реализации данной функции, но не нашел ответ. Подскажите пожалуйста как реализовать такое ? Думал с помощью замены текста при нажатии на кнопку или вроде этого. Как пример сайт 'Розетка'.

    Asked by Володя,

    0 votes
    2 answers

  3. Не работает denwer

    Скачал denwer, установил, запустил. Потом захожу на сайт localhost и вижу мне вылетает ошибка: Как это исправить? помогите пожалуйста. я в этом деле новичок просто искал как создать страницу вот и скачал это!!! И как видите зря ведь получил только ошибку!!!

    Asked by Максим Тиранов,

    0 votes
    2 answers

  4. как растянуть картинку на всю ширину ячейки

    как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…

    Asked by ya novenkiy,

    0 votes
    2 answers

  5. Особенности background-size: cover

    Необходимо указывать background: url из текста самой страницы, а также добавить свойство background-size: cover И вот что заметил - если background-size: cover поместить в стили, то он не работает, а если также на самой странице - то работает: <html> <head> <title>Background Size</title> <style> .true { width: 300px; height: 200px; border: 1px solid #888; } .false { width: 300px; height: 200px; border: 1px solid #888; background-size: cover; } </style> </head> <body> <div class="true" s…

    Asked by WalkWeb,

    0 votes
    2 answers

  6. Необычная кнопка

    Ребят, по ховеру круглая кнопка плавно трансформируется в кнопку с текстом. Где-то встречал на просторах интернета, но не могу найти сейчас. Возможно кто-нибудь кинет пример подобных кнопок ?

    Asked by brezze,

    0 votes
    2 answers

  7. Как подключить сетку бутстрап в псд макете?

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

    Asked by Tempest,

    0 votes
    2 answers

  8. Как сверстать блок в блоке?

    Подскажите как сверстать...

    Asked by hover,

    0 votes
    2 answers

  9. Приоритет селектора класса над селекторами типа

    Здравствуйте! Изучаю html и css не так давно хотелось бы уяснить для себя один вопрос.. Почему в некоторых случаях селекторы типа все же имеют приоритет над селектором класса?? В литературе ( https://webref.ru/layout/learn-html-css) поясняется что селектор класса имеет больший вес специфичности, но так получается не всегда.. Ситуация для примера - https://jsfiddle.net/bnzgw6af/ . Заголовок <h2>, абзац <p> и ссылка <a> обернуты классом .hero, для которого применяется белый цвет. Отдельно же для заголовка и ссылки с помощью селекторов типа применяется зеленый.. Почему белый цвет действует только для абзаца? Ведь класс .hero охватывает и заголовок и абзац и…

    Asked by Odinokiy_volk,

    0 votes
    2 answers

  10. css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока?

    https://jsfiddle.net/9a47rddr/ При наведении мыши - нет проблем. А можно ли средствами css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока? Или без js не обойтись :(?

    Asked by torsar,

    0 votes
    2 answers

  11. css, margin:auto; при нажатии на чекбоксе

    <div class="wrapper"> <input type="checbox" value="Жми"> </div> Можно ли средствами css: включил чекбокс для wrapper, для него применилось свойство margin==auto. Отключил чекбокс, отмнился margin. (Или как поменять при клике на чекбокс, любое другое свойство для родителського wrapper)?

    Asked by torsar,

    0 votes
    2 answers

  12. Отображение текста в браузерах

    Добрый день! Создал меню, текст в google chrome отображается не вылезая за границы, а в firefox как на картинке. В чем проблема и как это исправить?

    Asked by мурамаса,

    0 votes
    2 answers

  13. Выезжающий фиксированный блок внутри контента

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

    Asked by Angel_33_3,

    0 votes
    2 answers

  14. не работают стили css файла в браузере

    День добрый ! я новичек , подскажите пожалуйста ,проблема: не работают некоторые стили , открываешь фаербаг в хроме показывает что div{display:block;} в чем причина ?

    Asked by MagicAndrei,

    0 votes
    2 answers

  15. Картинка внутри фона

    В коде не получается целиком вместить изображение внутри фона, чтобы оно не вылазило за границы допустимого, помогите пожалуйста, вот сам код <span style="-moz-border-radius: 10px; -webkit-border-radius: 8px; width: 180px; background-color:#4682B4; border:5px ridge #cccccc"> [[File:Edhelmir.png|24px]] [[File:Earendil2.png|200px|link=User:Shtormhold]] [[File:Edhelmir.png|24px]]</span>

    Asked by shtormhold,

    0 votes
    2 answers

  16. Slick slider нужна помощь?

    Ребят, есть вот такой вертикальный слайдер сделанный на Slick. Проблема в том, что высота нашей пагинации ограничена. Например у нас сейчас есть пять слайдов, в пагинацию помещается только 4. То-есть если мы пролистываем до пятого слайда, в пагинации это не отображается, она остается на месте. Можно как-то сделать, чтобы когда мы переключали слайдер на пятый слайд, пагинация тоже делал слайд и переключалась.

    Asked by sorrow43,

    1 vote
    2 answers

  17. Проблема с отображением select в форме поиска

    Доброго времени суток уважаемые форумчане. Возникла проблема с отображением элемента в форме поиска.(именно в хроме) При заходе на сайт форма работает корректно, при выполнении поиска результат показывается на другой странице сайта. Если перейти на пред идущую страницу (с помощью стрелок в браузере), то один из select-ов пропадает. В firefox такой проблемы нету. ( при переходе через меню такой проблемы нету) ссылка на сайт, проблема с "населенным пунктом". Прошу помощи, не понимаю чего не хватает.

    Asked by Igorewa,

    0 votes
    2 answers

  18. через что размещать элементы на странице

    через что лучше размещать элементы, через position, margin, еще как-то ?приведите примеры, или скиньте ссылки где описывается без особых наворотов

    Asked by rpmcmerphy,

    0 votes
    2 answers

  19. Проверка адаптивности в отладчике Chrome

    Добрый день! Поясните как правильно проверять на адаптивность работу сайта. Столкнулся с такой ситуацией что, прописанные мной, медиа запросы не работают, если в отладчике я нажимаю на "Toggle device mode"-рабочая область окна сужается до нужных мне 480px по ширине, но сам сайт не перестраиваеться под мобильную версию, он изменяется в масштабе. Но вот что странно для меня - если я буду просто уменьшать ширину рабочей области окна в ручную, путем растягивания отладчика, то все мои медиа запросы отрабатывают. В чем может быть суть ситуации? Некорректные медиа запросы написаны?

    Asked by Super_Saimon,

    0 votes
    2 answers

  20. Подскажите пожалуйста! Как такое сделать или как называется?

    Подскажите пожалуйста! Как сделать такую штуку на JS или Jquery? Можно просто название этой штуки))

    Asked by Onokainc,

    0 votes
    2 answers

  21. Теоретический вопрос по работе с DOM-узлами

    Извиняюсь за столь примитивный вопрос, но не могу въехать в пару нюансов касательно выборки узла из дерева DOM. Вот наглядный пример: https://jsfiddle.net/36r52jkv/ Разбирал процесс выборки узлов по книге(Dzhon Dakket, JavaScript and JQuery, разработка и дизайн сайтов, 2017) и все понятно теоретически, та и на практике особых затруднений нет. Момент связан с работой выбранного узла. Как в примере, что я привел - меня смущает почему при замене текстового содержимого выбранного узла li у него пропал маркер, характерный для элемента списка. Как буд-то он перестал быть элементом списка... Извиняюсь еще раз за такой элементарный вопрос.

    Asked by Super_Saimon,

    0 votes
    2 answers

  22. Адаптация или две разных версии

    День добрый, Ув. коллеги! Уже давно занимаюсь версткой, проходил кучу разных фреймворков сеток и т.д. Но иногда, после того как приходит дизайн десктопа и мобильных версий у меня волосы дыбом и отбивает желание этим заниматься. В этих макетах всё становится не логично, то что было в сайдбаре переносится в хедер, поиск в вебе был в хедере, а в мобиле он уже находится в открывающемся меню и т.д. Я понимаю что технически просто делается дубль элемента и открываются один из них в зависимости от устройства. Но смысл делать тогда в мобилу делать страницу где лежит куча лишних блоков, которые человек даже не увидит с телефона. То есть мы облегчаем страницы для устро…

    Asked by vladmih,

    0 votes
    2 answers

  23. последний разделитель в меню

    Как убрать последний разделитель в меню, :not(:last-child) не подходит в моем случаю, так как стили прописаны не только для бордера( что-то ничего не приходит в мою светлую голову))

    Asked by miss.js,

    0 votes
    2 answers

  24. Повторное использование свойства у одного селектора

    Добрый день! Столкнулся с проблемой в этом примере https://jsfiddle.net/bnun3zkv/1/ Это урывок кода из учебного задания по всплывашкам. И как видно-указатель у всплывашки коряво отображается. Работает только свойство с поворотом вокруг своей оси, или вообще не отрабатывают свойство transform, как в моем приведенном примере. Хотелось бы узнать в чем причина? Я не нашел в доке по этому свойству каких-либо ограничений на повторное использование у одного селектора... Я допустил какую-то ошибку при написании свойств к данному селектору?

    Asked by Super_Saimon,

    0 votes
    2 answers

  25. Автоматическое перелистывание слайдера

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

    Asked by Андрей1990,

    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