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. Видеоплеер для сайта

    Подскажите как сделать такой-же раздел с видео как в ВК. Чтоб внизу были просто виде при наведении на которые появлялась кнопка плей при нажатии на которую открывался плеер в Фэнси-боксе. А вверху плейлисты при проигрывании которых справа в плеер появлялся список видео в плейлисте. Ато кучу видео просмотрел там только рассказы как свой плеер на HTML5 или JS сделать

    Asked by Brodyaga337,

    0 votes
    0 answers

  2. Не выставляется ширина меню

    Как можно растянуть 2ое меню на всю ширину экрана? Сколько пробовал, не выходит. И почему padding-top или margin-top у li или a (2го меню) не выставляется, он заходит за границы 1го меню и ничего не происходит. Может там какой нибудь блок поставить, между ними? Прилагаю фото, что должно получится на выходе, код и ссылку на песочницу(но в песочнице не особо понятно, что происходит). Песочница: https://jsfiddle.net/w4o57kmp/ Фото: https://ibb.co/igORZv Код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Интернет Магазин</title> <link rel="stylesheet" href="css/main.css"> </h…

    Asked by rinatoff,

    0 votes
    2 answers

  3. Как выровнять текст прижав к низу diva

    Html <header> <div class="container services"> <div class="row"> <div class="col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 108.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div> <div class="col-md-offset-1 col-xs-offset-1 col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 127.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div>…

    Asked by Sunboy,

    0 votes
    5 answers

  4. Как убрать у слайдера фон

    Добрый день, нужно сделать слайдер в шапке сайта. Причем меняется только выделенная красной зоной область, то есть не вся шапка. Как сделать так, чтобы у слайдера не было фона? Должен быть прозрачным как на скриншоте.

    Asked by WebNewbe,

    0 votes
    2 answers

  5. Помогите разобраться с адаптивным меню

    В бустрапе контейнер создает свою стандартную ширину 1140 вроде, я ставлю свою 1024 и у меня слетает nav меню для мобильного разрешения HTML <header> <div class="container"> <div class="row hidden-xs"> <div class=" col-lg-3 header-logo"> <p>Burgers<span>.co</span></p> </div> <div class="col-lg-7 col-lg-offset-2 header-menu"> <ul class="nav nav-pills "> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our Burgers&…

    Asked by Sunboy,

    0 votes
    0 answers

  6. Лишнее пространство в таблицах

    Не получается убрать пустое пространство в ячейках таблиц. Уже границы объединил, отступы убрал, всё равно пространство остаётся, причём в каждой таблице разное, видимо зависит от количества контента. Пустое пространство находится именно внутри ячеек. Как его убрать?

    Asked by AlexProf,

    0 votes
    5 answers

  7. Кнопки с заданными поисковыми запросами вместо (помимо) обычной формы поиска

    Есть задача: Есть несколько заранее заданных поисковых слов (словосочетаний). На сайте уже есть форма поиска. Помимо этого необходимо вставить в нужных местах сайта кнопки (ссылки, картинки), к которым привязаны заранее заданные поисковые запросы. В результате, при нажатии на одну из заданных кнопок, сайт должен выдать то же самое, если бы соответствующий поисковый запрос был введен в поисковую форму и нажато SUBMIT. Как это реализовать?

    Asked by gentleman,

    0 votes
    1 answer

  8. background-attachment

    https://www.w3schools.com/cssref/pr_background-attachment.asp Непонятки с local и initial А webdeweloper от firefox выдает еще и unset Зачем они нужны? Если можно с примерами. Спасибо!!!

    Asked by torsar,

    0 votes
    3 answers

  9. Перенаселение div'ов или как верстать правильно?

    Я смотрю на современные сайты и их исходный код. Потом я смотрю на то, какой получается верстка, благодаря bootstrap и ему подобных css-фреймворков. И у меня зреет далеко не новый вопрос - как верстать? Чтобы выровнять тот или иной блок, приходится прибегать к тому, что мы плодим бесконечные <div>. Для каждого пишем класс и разрабатываем его в лишних строках CSS. И подключаем еще один CSS с media queries, чтобы все получилось адаптивно... Да, сейчас к нам приходят flex и это здорово! Это как раньше была замена табличной верстки или введение анимаций. Но семантика рушится. Раньше я ориентировался на What Beautiful HTML looks like, но сейчас это далеко не вс…

    Asked by Libiros,

    0 votes
    5 answers

  10. Bootstrap и форма для мобильных и планшетов

    Здравствуйте. Проблема с версткой формы в Bottstrap. Хочу сделать 2 поля в одну линию с выбором промежутка ОТ и ДО. Но при уменьшении размера экрана до планшета, название поля не правильно отображается. Пробовал различные размеры col-md-* col-xs-* и тд. подставлять но не помогло. Подскажите как сделать. Получается вот так: Код такой: <form method="GET" action="#" accept-charset="UTF-8" class="form-horizontal"> <fieldset> <!-- Text input--> <div class="form-group"> <label for="name" class="col-md-4 control-label">Имя</label> <div clas…

    Asked by z3r9,

    0 votes
    6 answers

  11. Почему не работает padding?

    Здравствуйте! У меня такой вопрос. Почему у блока див с классом sidebar не работает padding? Как это исправить? <div id="wrapper"> <header id="header"> Header </header><!-- .header--> <div id="page" class="clearfix"> <div id="content-wrap"> <div id="content" class="clearfix"> <h1>Главная страница</h1> <p>В рамках спецификации современных стандартов, сторонники тоталитаризма в науке и по сей день остаются уделом либералов, которые жаждут быть разоблачены. Мы вынуждены отталкиваться от того, что разбавленное изрядной долей эмпатии, рациональное мышление предопределяет высокую востребован…

    Asked by tigrus2014,

    0 votes
    2 answers

  12. Подскажите, почему блок (тег <ul>) самостоятельно задает себе margin-top?

    Поясню - Создаю блок ,div> внутри которого мне нужен тег <ul>, при этом тег div прилегает к верхнему краю страницы, а тег ul самостоятельно создает себе отступ от верхнего края страницы. Вопрос - почему так происходит? И как с этим бороться? Знаю можно с помощью overflow, созданием рамки(transparent), float: left. - таким образом мы уберем зависимость тега div от ul, но тег ul так и останется на своем месте. Конечно можно еще в свойствах тега ul прописать margin-top: 0px;. НО не слишком ли много действий? Хотелось бы упростить, и понять причину. Ссылка на HTML и CSS https://jsfiddle.net/j6z93mmk/

    Asked by TEO_911,

    0 votes
    1 answer

  13. Максимальная обфускация CSS кода

    Всем привет. На данный момент в проекте столкнулся с таким требованием заказчика: "по возможности обфусцировать СSS код в местах где идет наименование классов и тегов " что бы было что то наподобие: span#span_1 = a; и потом бы это "a" указывалось везде где это необходимо(в html и CSS) вопрос: 1) это реально? (если да - буду благодарен за ссылки на подобные обфускаторы) 2) какие вообще на сегодняшний день самые лучшие обфускаторы HTML + CSS? (или же игра не стоит свечь и не стоит над этим заморачиваться особо?) P.S. Буду благодарен за любые конструктивные советы.

    Asked by Yamaradg,

    0 votes
    1 answer

  14. Наставничество

    Всем привет! Обращаюсь к старшим коллегам. Мне очень нужен наставник. Так как не знаю, куда двигаться дальше, правильно ли написан мой код, да и вообще то ли я делаю... У меня есть познания в верстке(HTML, CSS, Sass, Bootstrap), немного знаю о PHP и JS. Но очень часто встречаются моменты, когда нужно спросить совета, а обратиться не к кому. Я не прошу, чтобы со мной нянькались как с маленьким ребенком, просто нужен человек, который поможет наметить план действий, по которому я буду идти и с которым можно будет иногда советоваться. За ранее благодарен!)

    Asked by Igor_Dp,

    0 votes
    3 answers

  15. Как вставить готовую таблицу в html-сайт

    Всем привет! HTML изучаю не так давно. Интересует вопрос как вставить готовую таблицу на сайт в место для контента страницы. Суть в том, что она уже готовая таблица, скопированная с какого-нибудь сайта или например вордовского документа как обычный текст, её надо просто вставить на страницу как часть контента, а не пересобирать вручную по html-тэгам. Как правильно это сделать? С помощью чего? Не знаю даже что гуглить, гугл выдает не то, что нужно. Таблица ведь может быть гигантской, вручную собирать по тэгам каждую ячейку же не будешь. Как её обычно вставляют и подгоняют под сайт опытные веб-мастера?

    Asked by prosto_user,

    0 votes
    4 answers

  16. Уменьшение разрешения, разных изображений

    Есть такая проблема, если загрузить изображение, у которого сторона x короче стороны y, то всё нормально, а если наоборот, то после загрузки, остаётся пустое место, как этого избежать? Можно дописать атрибут height=80, но тогда изображения будут искажаться. https://jsfiddle.net/0bL3m6mm/

    Asked by DivMan,

    0 votes
    6 answers

  17. Как создать подобный ввод email?

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

    Asked by WebNewbe,

    0 votes
    3 answers

  18. Проблема с переносом подчеркнутого текста

    Как сделать, чтобы при переносе подчеркнутого текста это подчеркивание не съезжало вниз (см. картинку), а фиксировалось под словами? Для примера желаемый вариант выглядел бы как "Описание Описание Описание Описание Описание"

    Asked by DmitriyS,

    0 votes
    3 answers

  19. Адаптация шапки и всё её содержимое.

    Есть такая проблема, при сужении сайта изображение уменьшается, то сама высота блока не изменяется и получается пустое место, как сделать, что бы блок тоже уменьшался и нижний блок в жёлтом фоне нормально подстраивался, прописать медиазапросы, для каждого пикселя? https://jsfiddle.net/hqdd5two/

    Asked by DivMan,

    0 votes
    5 answers

  20. Select или не Select

    Ребят верстаю макет, есть вот такие выпадающие списки Проблема в том что сейчас насколько мне известно полностью стилизовать Select без JS невозможно. полазил в интернете на предмет статей, как это можно реализовать, есть всего 2 способа без использования JS. и оба способа не очень адаптивны, а вернее не адаптивны совсем, А так как я не знаю JS подумал почему не заменить select обычным выпадающим списком стилизованным под select. ведь это гораздо проще, быстрее. валиднее. и адаптивнее,Возник вопрос 1) как к этому отнесуться поисковые системы, есть ли разница для поисковика? 2)как к этому отнесуться програмисты(про чекбоксы не говорю)? Ведь по сути se…

    Asked by Евгений_SB,

    0 votes
    2 answers

  21. z-index не перекрывает body

    Поочему фон со звёздами не прячется под body у которого: body { background-color: #EDE8C9; position:relative; z-index: 2; font-family: "RobotoRegular", sans-serif; font-size: 16px;

    Asked by Brodyaga337,

    0 votes
    6 answers

  22. Как обрезать картинку снизу?

    Друзья, возникла задача построения ряда блоков. Блоки располагаются один под другим. В каждом есть изображение, которое должно обрезаться снизу. Однако сам div нестандартный. Смотрим картинку Какие у меня были варианты решения: Использовать overflow: hidden; Но идея потерпела крах, потому что он обрезает не по линии, а по горизонтали. Использовать clip; Тоже крах, потому что теряется адаптивность и каждый раз рассчитывать clip даже с помощью js тяжело Разные варианты совмещения. Например, взять из макета дугу и картинку, сохранить как PNG и установить в основном слое как background-position: bottom; Пока это самая лучшая идея, но она не унив…

    Asked by Libiros,

    0 votes
    17 answers

  23. Не могу реализовать данное меню

    Друзья встал такой вопрос с реализацией 2ух меню, между которыми находится лого. Менюшки то расходятся, то лого куда то съезжает. Кто может подсказать путь решения данной проблемы? Вот что необходимо получить: Ширина 1410px. Прилагаю свои способы: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container"> <nav> <ul class="menu menu_left"> <li> <a href="#">Павильон №1</a> </li> <li> …

    Asked by rinatoff,

    0 votes
    8 answers

  24. Почему уехал блок?

    Не понятно почему div туда уехал, тег nav вообще потерялся, видно только его пэддинг-топ на месте div'а, Прилагаю скрин и код. Хотя дивом обернуты нав и ул с лишками. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container"> <nav> <ul class="menu menu_left"> <li> <a href="#">Павильон №1</a> </li> <li> <a href="#">Павильон №2</a> </li> <li> <a …

    Asked by rinatoff,

    0 votes
    7 answers

  25. Помощь по СSS.

    Подскажите плиз! Почему я создаю в HTML тег " " в него закладываю "UL" и LI, а в "LI" текст которому хочу придать нужное изображение. В CSS делаю селектор - .menu, прописываю туда правила, но почему то это не влияет на LI, что бы изменить текст, мне приходится прописывать правила непосредственно для "LI". в чем причина?, и как сделать так что бы правила для блока .menu распространялись на текст внутри его? Ведь LI я хотел добавить еще в некоторые блоки уже с другими правилами. <!DOCTYPE html> <html lang="en"> <head> <title>MySite</title> <meta charset="utf-8"> <link rel="stylesheet" href="text/style.css"> </…

    Asked by TEO_911,

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