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. Пикселизация текста

    Здравствуйте! подскажите и-за чего это может быть? -webkit-text-size-adjust: 100%; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; -…

    Asked by dimpase,

    0 votes
    0 answers

  2. Как передвинуть кнопку вправо в таблице HTML

    Вот мой код: <table class="down_table_main" bgcolor="#F7F7F7"> <tr> <td><button class="down_button_main">Подробнее</button></td> </tr> </table> Почему-то когда я использую align, ничего не происходит. А в другом коде align работает. <table border="0" bgcolor="white" width="800px"> <tr align="center"> <td> <br> <img src="https://ru-minecraft.ru/uploads/posts/2018-03/medium/1522109759_cosmicnpcs.jpg" alt=""> <h3>Мод <b>CosmicNPCs</b> - создайте второго игрока и запишите, что он будет делать.</h3> …

    Asked by Shoker2,

    0 votes
    0 answers

  3. footer "прилип" к основному блоку

    Обратите внимание, я прописал, чтоб от основного блока "cart__main" вниз был внешний отступ 50px, но оно не отступает, более того, произошла какая-то странная вещь, которую я не могу описать (смотрите на оранжевый фон, который выделяет margin)... На всех остальных страницах footer выглядит отлично, как я и хочу, а тут вот какая-то проблемка приключилась( Проблему решил, не дописал закрывающий div в конце, из-за чего footer поместился в основной блок!

    Asked by Gonqi,

    0 votes
    0 answers

  4. Ограничение по ходам в игре "Виселица"

    Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/

    Asked by Алеся,

    0 votes
    0 answers

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

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

    Asked by Holuses,

    0 votes
    0 answers

  6. Вопрос по коду html в тильде!

    Господа и дамы, следующий вопрос! у меня есть код: <style> .shirina{ background:none !important; right: 0 !important;left: 0 !important;} .parpadding{padding:0 !important;} .tn-atom .t-form__errorbox-wrapper, .tn-form__errorbox-popup , .t-form-success-popup { z-index: 9999999 !important; } </style> <script> $( document ).ready(function() { var ZeroPopID = '#rec379140540';//ID Zero var PopWindID = '#rec379168284';//ID PopUp окна BF503 $(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID)).parent(".t-popup").addClass("parpadding"); $('a[href^="#popup:opros"]').click(function(e) {e.preventDefault(); …

    Asked by evgsudnik,

    0 votes
    0 answers

  7. CSS GRID

    Привет Гуру верстки... Есть сетка (см. картинку)... Подскажите как сделать такую верстку (grid) где блоки внутри сетки были равными при адаптиве... Кол-во блоков в сетке может быть и 100х100)))... Спасибо за ответ....

    Asked by maxik,

    0 votes
    0 answers

  8. Адаптив и стилизиция слайдера splide

    Ребята, без вас никуда! Подскажите, пожалуйста, первый раз адаптирую и стилизую слайдер splide. Сам он работает, но как его стилизовать? В dev tools стилизация тех же стрелок отражается, но когда вношу их в css - не работает. Почему так? Как, например, тогда опустить ниже стрелки? Где устанавливать брейкпоинты и задавать им свойства? На сайте splide такая инфа по адаптиву. https://splidejs.com/guides/options/#breakpoints Вот типа того что-то пробую... https://jsfiddle.net/aqmuyhwd/

    Asked by Алеся,

    0 votes
    0 answers

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

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

    Asked by arsendias,

    0 votes
    0 answers

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

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

    Asked by Millio,

    0 votes
    0 answers

  11. Минимальный макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5

    Помогите сделать минимальную макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5. Ширина LeftMenu + Content + RightMenu аналогична ширине основного блока текущего сайта(htmlforum.io). Другими словами не на всю ширину браузера, а по центру. Может для ширины таких элементов имеется какая-то практика? LeftMenu - привязано к левому краю контейнера. RightMenu - привязано к правому краю контейнера. Для примера... Пробую, всё скачет... https://jsfiddle.net/User65659/0jxt7qLg/45/ Аналог на картинке

    Asked by Ilya983,

    0 votes
    0 answers

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

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

    Asked by dework1,

    0 votes
    0 answers

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

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

    Asked by NetWorker,

    0 votes
    0 answers

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

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

    Asked by nikki4,

    0 votes
    0 answers

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

    Здравствуйте. Я пятый день как учу 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

  16. Позиционирование и z-index пунктов верхнего меню

    Привет всем специалистам в HTML и CSS! Проблема такая: В CMS ShopScript (Webasyst), пункты верхнего горизонтального меню скрываются ниже расположенными элементами сайта. Все попытки назначить элементам верхнего меню позиционирование и z-index (от 1000 до 100000) не помогли. Буду благодарен за консультацию, как вывести пункты раскрывающегося горизонтального меню над нижерасположенными элементами сайта. См. здесь: http://warmray.org/

    Asked by web-master,

    0 votes
    0 answers

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

    Смотрел видеоурок с 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

  18. Как здесь правильно задать позиционирование?

    Как здесь (https://skr.sh/sEfRBjoTUH1) правильно задать позиционирование? <ul class="list bottom-header-container-list"> <li class="bottom-header-container-list-item"> <div> <img src="./images/mail-svg.svg" alt="иконка эл.почты" width="28" height="22"> </div> <p>Mail Us</p> <a href="mailto:Info@bluecollar.com">Info@bluecollar.com</a> </li> <li class="bottom-header-container-list-item"> <div> <img src="./images/phone-svg.svg" alt="иконка телефона" width="26" he…

    Asked by Mifares,

    0 votes
    0 answers

  19. Выпадающее меню перекрывается нижеследующим блоком

    Более опытные товарищи, ай нид ё хелп!) Имеется выпадающее меню с классом .sub-menu__list. При наведении оно выпадает, но перекрывается блоком .page__main. Для наглядности прикрепляю скрин и код. Естественно, нужно, чтобы выпадающее меню было поверх контента следующего блока. Подскажите, как это реализовать? P.S. Если нужно поиграть с z-index, подскажите в каком классе, т.к. я перепробовал свои варианты - результата не дало. HTML <header class="header"> <div class="header__all _container"> <div class="header__image"> </div> </div> <…

    Asked by WNSY,

    0 votes
    0 answers

  20. Картинка поверх картинки

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

    Asked by Данияр,

    0 votes
    0 answers

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

    Доброго дня!! начала заниматься версткой макетов и столкнулась на данный момент со сложной задачей. В частности с расположением элементов. Идея макета состоит в том, что это показательная страница, в которой отображается информация. Я немного не понимаю, как нужно расположить эти верхние элементы. Ибо когда я их пытаюсь переместить, то получается примерно вот так Плюс у них нельзя изменить размер (эти элементы в макете отображаются как картинки. И плюс бонусный вопрос: можно ли только через css и html сделать выборку по фотографиям, которые нужно будет выбирать внутри страницы (не используя инпут файликов из библиотеки пользователя)

    Asked by tbgiyl,

    0 votes
    0 answers

  22. Как сделать кастомный чекбокс?

    Приветствую! Подскажите, плиз, как сделать чекбокс как на скрине? Я новичок в верстке и что-то не могу разобраться в кастомизации данной штуки

    Asked by Dos1er,

    0 votes
    0 answers

  23. Расположение картинки и фигур на сайте

    Столкнулся с проблемой , когда вставил картинку , весь текст съехал в лево , а сама картинка , должна находиться с низу сайта И еще вопрос , как сделать так , чтобы когда я уменьшал размер сайта , облаки оставались на своих местах ? HTML Скрытый текст <section> <div class="wrapper"> <div class="main"> <div class="main-text"> <p class="main-text__plan">PLAN YOUR LIFE</p> <h1 class="main-text__head">Increase your <span class="main-text__head-bold">productivity</span></h1> …

    Asked by Young,

    0 votes
    0 answers

  24. Картинка внутри контейнера другого блока

    https://codepen.io/baicuao/pen/LYewoPZ вот песочница. У меня картинка находится в блоке world, но когда смотрю через инспектор она находится в блоке ниже в .help__container, из-за этого даже стили на элементах .help не работают

    Asked by Данияр,

    0 votes
    0 answers

  25. Верстка хедера с чекбоксами

    Помогите, пожалуйста, как сверстать такой хедер

    Asked by Noeltoka,

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