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

29,485 questions in this forum

  1. Как убрать отступ body

    Начал верстать шаблон и сразу же непонятный момент. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> …

    Asked by nevalek,

    0 votes
    13 answers

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

    Господа, прошу прощения за ламерский вопрос (я не спец в 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

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

  4. Меню Uikit3

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

    Asked by Spartak-72,

    0 votes
    2 answers

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

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

    Asked by dework1,

    0 votes
    0 answers

  6. Bootstrap 3 проблема в мобильном меню

    Всем привет! Подскажите пожалуйста, как решить данную проблему? На телефоне раскрыты сразу все пункты подменю внутри самого меню, мне же необходимо, чтобы при открыии меню, пункты навигации у подменю были скрыты, и раскрывались лишь при клике. Как можно решить данную проблему не дублируя код и создания отдельной навигации для телефонной версии?Код вёрстки <!-- MainNav --> <nav class="navbar-collapse collapse" id="mainnav"> <ul class="nav navbar-nav"> <li class="dropdown active"><a href="./">Home</a> <ul class="dropdown-menu"> …

    Asked by REDGROUP,

    0 votes
    4 answers

  7. Горизонтальный список съезжает на вёрстке, хотя отступов - нет

    Сделал горизонтальные элементы списка 2х2 с помощью display: inline-block, но элементы почему-то съехали, хотя никаких отступов НЕТ. Прошу, пожалуйста помочь.

    Asked by MenCeV,

    0 votes
    7 answers

  8. Фиксированное положение кнопок в мобильной версии сайта

    Доброго времени суток! В мобильной версии есть кнопки переключения между слайдами (страницами), но они постоянно по середине страницы. Как сделать что-бы кнопки были фиксированы по середине экрана? Т.е. страницу мотаем кнопки постоянно по середине и видны? Сайт

    Asked by Liv0n,

    0 votes
    3 answers

  9. При уменьшении страницы, она не уменьшается!

    Я первый раз начал пытатся создавать сайт по макету, и вот кое что получается, я понимаю что много ошибок, но это первый раз! Я остановился, и не могу понять как сделать так чтобы при уменьшении страницы, всё уменьшалось равномерно, у меня когда уменьшаю страницу, просто видно пол страницы! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <title>Document</title> </head> <body> <header&…

    Asked by Millio,

    0 votes
    1 answer

  10. Можно ли сделать подложку под iframe?

    Есть сайт с видеоконтентом. Стандартный код плеера по умолчанию выводится через iframe на всех страницах сайта в одном и том же месте (по ID материала). Сразу говорю - да, сайт с фильмами, контент пиратский, надеюсь в 21-м веке это никого не удивит. Дальше по теме - бывает так, что у видеобалансера нет моего фильма и соответственно на моем сайте вместо рабочего плеера выводится пустое место. Вопрос: можно ли реализовать подложку под iframe в виде текста, типа "Видео отсутствует" и т.п. Я пытался создать блок div с текстом на темном фоне с размерами равным плееру, но на рабочих фильмах текст "просвечивается наружу" поверх блока iframe. Можно ли реализовать подложку под бл…

    Asked by kapralpv,

    0 votes
    1 answer

  11. Помогите с созданием таблицы

    Я сделал таблицу(верхнее изображение) из неё мне надо сделать другую таблицу(нижнее изображение). Три часа голову ломаю. Не могу это сделать. Вот имеющийся код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Таблица</title> </head> <body> <table border="1"> <tr> <th width="100px" rowspan="2"></th> <th width="400px" colspan="2" height="25px"></th> <th width="100px" rowspan="2"></th> </tr> <tr> <td width="200px" height="25px"></td> <td width="200px" height="25px"…

    Asked by Bruh97,

    0 votes
    3 answers

  12. Инструменты для работы с макетом

    Photoshop, Tilda. Какие еще есть? Что стоит изучать?

    Asked by torsar,

    0 votes
    2 answers

  13. Обтекание картинки. Список: картинка + описание.

    Ребята хорошие и отзывчивые, привет) есть задача кровь из носу, но я в верстке не алё. Вошли и вышли, приключение на 10 минут. Суть: Необходимо из вот такого http://joxi.ru/YmEvbJOCB1XyL2 сделать такое http://joxi.ru/krDwbJ3Tg7njXA Как, что и куда написать, но МАКСИМАЛЬНО ПРОСТО?

    Asked by zlanehvataett,

    0 votes
    1 answer

  14. CSS GRID

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

    Asked by maxik,

    0 votes
    0 answers

  15. Якорит ссылка без якоря

    Всем привет! Поставили якорь на ссылку, но потом решили его убрать. Однако ссылка все равно якорит, хотя ни в коде ни в строке якоря точно нет. У кого-то такое случалось? Что посоветуете проверить?

    Asked by Alekss12,

    0 votes
    1 answer

  16. Анимация картинки при открытии сайта

    Как сделалать так, чтоб при открытии сайта всплывала картинка с маленького до большого размера? Как на этом сайте https://kirkorov.ru/

    Asked by llipam,

    0 votes
    1 answer

  17. Иконки

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

    Asked by Мария2782,

    0 votes
    3 answers

  18. Вопрос по коду 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

  19. Как поместить картинки по горизонтали?

    Привет всем! Не получается поместить картинки по горизонтали, искал ответ, не нашел. Надеюсь поможете. Жду. Спасибо!

    Asked by lepertan,

    0 votes
    1 answer

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

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

    Asked by Алеся,

    0 votes
    0 answers

  21. Шапка

    Добрый вечер, возможно кому то покажется вопрос глупым, но все же, как тут сделать шапку профиля? Пытался использовать знания пройденного урока, но особо ничего не выходит, всё криво, пробовал выравнивать с помощью "float"...

    Asked by Greg.Cherl,

    0 votes
    1 answer

  22. GRID CSS

    Здравствуйте! Помогите начинающему)) Не могу разобраться с GRID CSS. что не так в коде? gridarea.zip

    Asked by Ivan_GREK,

    0 votes
    1 answer

  23. Не срабывает display: none в слайдере js

    Всем привет! Помогите, пожалуйста, найти ошибку в js. Почему-то не срабатывает display: none когда задумано скрыть первую картинку. btn_next.onclick = function () { images[i].style.display = 'none'; } Весь код здесь https://jsfiddle.net/Lx3qagdp/1/ Заранее спасибо!

    Asked by Алеся,

    0 votes
    4 answers

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

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

    Asked by Алеся,

    0 votes
    0 answers

  25. Не подключается css

    Здравствуйте, не могу подключить css, либо какая-то другая проблема, подскажите

    Asked by Viktor_X,

    0 votes
    2 answers
×
×
  • 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