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. Картинка поверх картинки

    Мне нужно, чтоб одна моя картинка была поверх другой, у контейнера уже есть готовый фон. 1)Вот как она должна выглядить 2)Как она выглядит у меня z-index, не работает почему-то

    Asked by Данияр,

    0 votes
    0 answers

  2. Две ссылки не выравниваются

    https://jsfiddle.net/daniars/wzty3xp6/ - ссылка на код 1)Как должно быть 2)На данный момент Никак не пойму, почему они не ровно стоят

    Asked by Данияр,

    0 votes
    1 answer

  3. Drop Shadow в хроме и фф выглядит по разному

    drop-shadow(0.2px 0.2px 0.2px white) В хроме выглядит аккуратно, придает жирности. А вот в ФФ одно накладывается на другое и все размывается. Как это привести к единому виду?

    Asked by nikki4,

    0 votes
    0 answers

  4. Скачал редактор кода VS Code. Подскажите как решить пару вопросов...

    Можно ли как-то сохранить все настройки, установленные расширения, чтобы при установке на другое устройство не настраивать всё заново?И ещё:Какое расширение нужно, чтобы подсвечивались синтаксические ошибки (тег не закрыт, запятой нету...)? Как в Brackets, например, внизу красный треугольник появляется.

    Asked by Antonezo,

    0 votes
    1 answer

  5. Не могу подобрать бесплатный HTML WYSIWYG редактор

    Добрый день!Пробовал Komposer, BlueGriffon, openElement и другие. Все как то не то. В BlueGriffon вставляешь таблицу - мышкой она не растягивается. Кнопку в ячейку таблицы вставить нельзя. При выборе кнопки мышкой - размеры ее похоже изменить нельзя, предлагает изменить надпись на кнопке. Все какое-то крохотное на экране сразу после вставки (настройки по умолчанию).Нужно что-то похожее на обычный текстовый редактор, пускай даже без динамического обновления сотворяемого в браузере.Вот делали люди (но он не продается, нашел случайно через знакомого): https://cloud.mail.ru/public/UYzf/67W5jNrVWНужно что то подобное. Простое и визуальное, для создания и макетирования интерфей…

    Asked by NetWorker,

    0 votes
    0 answers

  6. Таблицы и изменение фона через псевдокласс :hover

    <div class="selectors"> <table class="table"> <thead> <tr> <th>Teams</th> <th>Capitains</th> <th>AWPers</th> <th>Riflers</th> <th>Riflers</th> <th>Supports</th> </tr> </thead> <tbody> <tr> <td class="navi">Na'Vi</td> <td class="gambit">Nafany</td> <td class="vp">Jame</td> <td class="gambit">Axile</td> <td class="spi…

    Asked by Мади,

    0 votes
    1 answer

  7. Не вставляется картинка через background-image

    Пишу в стилях background-image: url(../../images/fon.png); Но у меня не появляется эта картинка, скрин кода приложу Вот код - https://jsfiddle.net/Millio/bgajx0uc/50/

    Asked by Millio,

    0 votes
    0 answers

  8. Не могу картинки сделать ниже цифр

    Вот код - https://jsfiddle.net/Millio/bgajx0uc/45/ Я заменил картинки на серые квадраты, не пойму, как мне сделать серые квадратики чтобы они были чучуть ниже цифр, как на скрине я выделил оригинал

    Asked by Millio,

    0 votes
    1 answer

  9. Соотношения сторон для верстки

    Смотрел видеоурок с 14:00-17:50 В нем вычисляются размеры видео в %. Размеры видео - 600*442. Ширина блока контейнера - 1046px (если я конечно правильно понял значение этого числа - 1046px). Есть следующий класс <section class="page__whoweare whoweare"> <div class="whoweare__container _container"> <div class="whoweare__header header-block"> <h2 class="header-block__title">Who We Are</h2> <div class="header-block__sub-title"> Problems trying to resolve the conflict between the two major realms <br> of Classical physics: Newtonian mechanics </div> </div> <di…

    Asked by vladdvin,

    0 votes
    0 answers

  10. Неотображаемый текст в шапке сайта.

    Верстаю макет с Фигмы - https://www.figma.com/file/2rdy1qjBTl7D6BAC8S4qlf/Webovio?node-id=0%3A1. Наверстал Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="https://fonts.googleapis.com/css?family=Poppins:regular,700&display=swap" rel="stylesheet" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>Webovio</title> </head> <body> <div class="wrapper"> <main class="page"&g…

    Asked by vladdvin,

    0 votes
    2 answers

  11. Альтернативная станица на английском

    Здравствуйте. Я пятый день как учу html, абсолютный новичок. Хочу сделать альтернативную страницу на английском. Написала код - вроде верный (файлы index и indexen расположены в одной папке на рабочем столе компьютера). Код не работает. Не понимаю почему. Погуглила - вроде все правильно, сделала ссылку на файл без указания наименования папок, так как расположены файлы в одной и той же папке). Знающие люди, помогите что не так <html> <head> <meta charset="utf-8"> <meta name="keywords" content="HTML, сайт-визитка WEB-разработчика"> <meta name="description" content="Сайт-визитка WEB-разработчика"> <title> …

    Asked by Marina14,

    0 votes
    0 answers

  12. Баланс на сайте

    Здравствуйте. Кто может подсказать как реализовать баланс пользователя на сайте "Рулетка". Можно (html+css) или php. Буду очень благодарен. Исходников нигде не нашел.

    Asked by Mikhail53,

    0 votes
    1 answer

  13. Как задать изначальную позицию элеmенту?

    Когда на сайте прописывается новый элеmент он будет находится под преведущиm, после, напиреmер, через position relative, переmещаm куда нужно. Но сайт как-бы запоmинает его старое mесто, и за чего если наприmер, добавить новый элеmент, то он появится под пустыm пространствоm где был прошлый. И и за страница становится большой с пустыm пространствоm в которое mожно скролить в низ Ну и вопрос, как сделать так что-бы элеmент изначально был в нужной позиции?

    Asked by dasderdas,

    0 votes
    1 answer

  14. проблемы с текстом в центре CSS

    Добрый вечер, хотел спросить, как мне сделать так как на первом фото последний абзац начинается с левой строки, word-spacing даже пробовал, не помогло 1) То что мне нужно 2)То что у меня https://jsfiddle.net/#&togetherjs=AzUkONtK9g там, текст должен быть на середине, можете не говорить про text-align и т.д

    Asked by Данияр,

    0 votes
    3 answers

  15. При адаптиве не видно блок

    Здравствуйте, столкнулся с такой проблемой, что в десктопной версии сайта все работает нормально, однако при переходе на мобильную, блок становится пустым и занимает гораздо меньше места, в чем проблема?

    Asked by dissamen2,

    0 votes
    1 answer

  16. Как растянуть SVG всю ширину блока?

    <div class="logo"> <a href="/" class="logo-link"> <img src="/logo.svg" class="logo-svg"> </a> </div> .logo { width: 250px; height:100%; } Как сделать, чтобы лого было шириной 250 и высотой 100%? т.е. во весь блок. Если выбрать GIF лого - оно само растягивается. SVG же автоматом уменьшается визуально. как я понял, надо что-то в самом свг поправить: <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1407.9 938.4" style="enable-background:new 0 0 1407.9 938.4;" xml:space="preserve"> Пробовал менять preserve на defa…

    Asked by nikki4,

    0 votes
    2 answers

  17. Координаты активной области карты-изображения.

    Здравствуйте, я занимаюсь самообразованием и сейчас изучаю HTML. Хочу спросить, как задавать координаты активной области карты-изображения? Я поняла, что отсчёт координат ведётся от левого верхнего угла изображения и указывается в пикселях. Но как посчитать сами пиксели? Заранее спасибо. С уважением, Наташа.

    Asked by Наташа,

    0 votes
    1 answer

  18. Что делать если hover мешает input

    Я сделал меню с помощью hover, но она закрывает область input. Из за этого я не могу ввести что то в input. HELP вот: https://yapx.ru/v/QOVPd Скрытый текст Скрытый текст Скрытый текст

    Asked by arsendias,

    0 votes
    0 answers

  19. разметить текст блока с кратким описанием языка HTML

    Оберните текст «HTML» парным тегом <span> с атрибутом class и значением term. Оберните текст «HyperText Markup Language» парным тегом <span> с атрибутом class и значением hint. Оберните текст «Всемирной паутине» парным тегом <a> с атрибутом href и значением https://ru.wikipedia.org/wiki/Всемирная_паутина. Весь текст оберните парным тегом <p>. Оберните тег <p> парным тегом <main> с атрибутом class и значением content. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage (с…

    Asked by vea_victis,

    0 votes
    1 answer

  20. Как выровнять форму на сайте?

    Хочу установить форму заполнения регистрации по середине сайта, как я могу это сделать?

    Asked by Holuses,

    0 votes
    0 answers

  21. Как работать на FullHD экране c зумом 125%?

    Для конечных пользователей можно использовать "@media (-webkit-min-device-pixel-ratio: 1.25)", но при создании верстки так не получится, особенно при верстании по PerfectPixel. Какие проблемы наблюдаются при системном зуме 125%? (а без него на экране все слишком мелкое и почти недостижимое глазу) Верстальщики, как вы решаете эту проблему в своей работе?

    Asked by iBars,

    0 votes
    3 answers

  22. Меню Uikit3

    Доброго времени суток. css html от Uikit3 Панель горизонтального меню не переносит пункты. <nav class="uk-navbar-container" uk-navbar> Когда добавляются много пунктов меню, они растягиваются и выходят за экран. Я понимаю что столько пунктов в меню не добавляют, но все же, так быть не должно. Может кто сталкивался, подскажите как исправить, чтобы пункты переносились на следующую строку?

    Asked by Spartak-72,

    0 votes
    2 answers

  23. Css

    Указываю в css: .intro { width: 100%; height: 100vh; background: url(/image/intro.jpg) center no-repeat; background-size: cover; } Нажимаю на url картинку показывает, а в html ее нету...

    Asked by OXYJET,

    0 votes
    2 answers

  24. Выпадающий список, текст справа и слева

    Привет! Подскажите пожалуйста, как сделать выпадающий список, в котором текст слева и справа строки находится Примерно вот так Товар 1 +300уе Товар 2 +500уе Товар 3 +600уе Заранее спасибо за ответы

    Asked by dework1,

    0 votes
    0 answers

  25. Растягивание изображения на весь экран

    Господа, прошу прощения за ламерский вопрос (я не спец в html совсем), но подскажите, пожалуйста, по каким причинам вот этот код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Background</title> <style> body { background: url(https://content.screencast.com/users/immick6307/folders/Snagit/media/43d76d9a-3476-4bb7-ac03-185a3ec097bb/12.14.2021-12.42.png) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры …

    Asked by The_Immortal,

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