HTML Coding

29,542 questions in this forum

1. Как интегрировать шапку, сайдбары и футер из одного источника?

   Добрый день, Уважаемое Сообщество.Недавно начал изучать вёрстку и уже пересмотрел не малое кол-во видео уроков и прошёл некоторое кол-во интерактивных обучалок, но до сих пор ни разу не увидел руководства по сабжу.Суть вопроса: есть сайт с большим кол-вом страничек. Контент на данных страничках меняется только в блоке <main>, сайдбары, футер и шапка же остаются неизменны. Выходит, что в случае, если мне нужно в навигации добавить новую кнопку, мне это придется делать на каждой страничке поочередно, коих может быть не одна сотня.Подскажите, пожалуйста, коим образом можно интегрировать блоки (сайдбары, футер, шапка) на все странички из одного источника, что бы любые м…

   Asked by KPOHHOC, April 23, 2020

   0 votes
   4 answers
2. Зафиксировать высоту ячейки таблицы.

   Здравствуйте. Нигде не могу найти как указать высоту таблицы в пикселах фиксированной. Чтобы при заполнении её текстом, она не увеличивалась в высоту (не расползалась вниз), а текст бы превышающий вертикальный размер был бы скрыт, а при нажатии на ячейку раскрывался (текущая строка увеличивалась до размеров всего текста). Полосы прокрутки не нужны. Гуглил несколько часов, уснуть не могу блин, везде пишут, что так сделать невозможно, таблица так и будет расползаться вниз чтобы вместить весь текст (((((( но ведь я видел, так где-то делали, но найти к сожалению не смог.

   Asked by Kompilator, June 13, 2020

   0 votes
   4 answers
3. Как сверстать шестиугольный тянущийся блок?

   Клиенту надизайнили вот такой макет. Не понимаю, как верстать. Белую область еще примерно понимаю, как можно сделать из трёх частей. Верх и низ бордюрами по методам треугольника, центр - обычный прямоугольник. А вот золотую рамочку - как? И тянуться оно должно вертикально, завися от наполненности Ещё занятно то, что левый край фигуры выходит за сетку. Это видно по левой границе текста. https://codepen.io/d0ublezer0/pen/bGpqgKY вот что удалось сверстать что не нравится: придется ловить значения бордюра для разных разрешений, чтобы попасть в ширину блока ну и рамочку так и не смог запилить. UPD: добрался до clip-path Боле…

   Asked by d0ublezer0, August 25, 2020

   0 votes
   4 answers
4. Пустое место когда убираю рекламный блок Adsense

   Здравствуйте! На сайте, когда убираю рекламный код Adsense появляется пустое место. Когда рекламный блок на месте, то разрыва между футером и контентным блоком нет. Рекламный блок подключается через функцию include <!--таблица комментарии--> <?php include("blocks/komments2.php");?> <!--таблица комментарии--> Код CSS: Скрытый текст /* Timeweb test comment */ /* Timeweb test comment new*/ /* Vadim comment new2*/ /* Vadim comment new3*/ /* new */ /* Vadim comment new4*/ body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapp…

   Asked by Weskiers, December 9, 2020

   0 votes
   4 answers
5. Выравнивание пунктов списка с добавленным элементом

   День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Размер картинки 64x64. Поиски в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px;…

   Asked by AndrewLite, October 1, 2020

   0 votes
   4 answers
6. Гуглу не нравится отображение для мобильного

   Привет всем Кто может подсказать. Что Гуглу может не нравится в плане совместимости с с мобильным? https://kit-gadget.com.ua/xiaomi/xiaomi_poco_x3_nfc.shtml Если можно тыкнуть пальцем. Не могу понять, где что не так. Спасибо.

   Asked by vityah1, December 28, 2020

   0 votes
   4 answers
7. Подскажите как реализовать выпадающий список

   ЗдравствуйтеУперся тут в одну проблему:Никак не могу придумать как так сделать, чтобы при нажатии на блок, нижние блоки отодвигались вниз и появлялся список.. Помогите плз, голову уже сломал себе

   Asked by muxacb, November 18, 2020

   0 votes
   4 answers
8. Выравнять блоки и слои

   Здравствуйте, Надо поднять <div class="conteiner" На один уровень с <div class="fone35> по высоте. Как это можно сделать? https://jsfiddle.net/ratus/g879ptjy/23/

   Asked by ratus, February 3, 2021

   0 votes
   4 answers
9. Как бы вы сверстали такую страничку?

   Здравствуйте, друзья. Помогите пожалуйста разобраться, в общих чертах, как верстаются подобные страницы. Нужно понять какие пожелания по верстке выдвигать при заказе. Имел плохой опыт с исполнителем который верстал таблицей в таблице! Сайт и адаптивный и резиновый. Количество столбцов меняется в зависимости от ширины экрана: 0-580: 1 столбец, 581-870: 2 столбца, 871-1160: 3 столбца, 1161-1450: 4 столбца, 1451+∞: 5 столбцов. Конкретно этот макет выполнен для разрешения 1920, поэтому пять столбцов. 1 Что выбрать для верстки подобных страниц: гриды, флексбоксы, дивы или что-то другое? 2 Тут надо использовать БЭМ, Bootstrap или что-то другое? …

   Asked by Stoer, March 4, 2021

   0 votes
   4 answers
10. Прелоадер не закрывается.

    При верстке сайта на Bootstrap 4.3.1 хотел сделать прелоадер на основе стандартного элемента Bootstrap - спиннера, который бы закрывался после загрузки страницы. Проблема в том, что спиннер не закрывается после загрузки страницы, очевидно заданные в скрипте стили к нему не применяются. Подскажите, пожалуйста, в каком месте я ошибся? Ссылка на ошибку (Гитхаб)

    Asked by markevil, March 4, 2021

    • bootsrap
    • jqery
    • javacript
    0 votes
    4 answers
11. Помогите с кодом

    <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title> Fucking slavse</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet"> </head> <body> <header id="header" class="header"> <div class="container"> <div class="nav"> <img src="img/logo.svg" alt="OJJO"> </div> </div> </header> <section id="section" class="section"> <…

    Asked by Jisuko, March 25, 2021

    • html
    • css
    0 votes
    4 answers
12. Проблема с псевдокласами

    Добрый день. Возникла проблема следующего рода. При верстке все псевдоклассы работают не корректно. Например задаю всем элементам margin-bottom:30px, соответственно у последнего я его пытаюсь почистить ипользуя last-child и задавая margin-bottom: 0. Но проблема в том что после этого все остальные элементы которым обьявил нижний отступ тоже обнуляются. С first-child та же самая проблема. В чем может быть проблема? Первый раз работаю с bootstrap может ли он повлиять на работу псевдоклассов?

    Asked by Romario1985, April 15, 2021

    0 votes
    4 answers
13. 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, December 13, 2021

    0 votes
    4 answers
14. Блок страницы всегда сверху шапки

    Здравствуйте! С недавних пор изучаю HTML. Раньше писал простой код, но сейчас решил вносить новые веяния. Пишу лендинг для себя. Шапка сайта закреплена, и при прокрутки страницы, всегда видна. Написал блок навыков: <div class="blok-navik"> <div> <h3>HTML и CSS</h3> <p>Использую этот язык</p> </div> <div> <h3>Непрерывность работы IT-инфраструктуры</h3> <p>Непрерывность работы и доступности IT-инфраструктуры: IP-видеонаблюдение, сетевое оборудование, антивирусный контроль</p> </div> <div> …

    Asked by iiwanc, May 12, 2021

    0 votes
    4 answers
15. Почему не применяются стили?

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

    Asked by Perfeooo, July 7, 2021

    0 votes
    4 answers
16. Не срабывает display: none в слайдере js

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

    Asked by Алеся, October 13, 2021

    • js
    • java script
    • html
    • css
    0 votes
    4 answers
17. Позиционирование

    Доброго времени суток. Подскажите пожалуйста, как разместить иконку и текст на вкладке главного меню спозиционировав их по центру друг над другом. Позиционировать блоки или элементы внутри блока умею. Но здесь не пойму. Может нужно ссылку отобразить блочно, и потом размещать img и текст внутри?

    Asked by grabarartem, June 9, 2021

    0 votes
    4 answers
18. Никак не хочет меняться шрифт

    Пункт навигации у меня 18го шрифта: И везде где есть эта навигация, все выглядит отлично, как я и хочу: НО конкретно на одной странице оно меняется на более крупный размер и я не понимаю почему...и тем более не понимаю, как это можно исправить? Еще хочу добавить, что такое случается только при просмотре сайта через телефон

    Asked by Gonqi, August 11, 2021

    0 votes
    4 answers
19. Почему же не работает class?

    Ребятки, помогите пожалуйста. Не могу понять, почему же не работает class?Помогите пожалуйста, я тупо не могу понять, почему же....

    Asked by Dessik123, August 12, 2021

    0 votes
    4 answers
20. Hover, всплывающий блок внутри блока

    https://jsfiddle.net/7gb0chpj/ Чтоб при наведении на block2 всплывал PopUp Block внутри block1. Можно запедалить на чистом css3 без js?

    Asked by torsar, October 9, 2021

    0 votes
    4 answers
21. Не меняется ширина объекта

    Прописал в CSS ширину, а оно ни в какое не хочет меняться, если вставить в этот блок текст, то оно будет подстраивать ширину под него... что с этим можно сделать, в чем может быть проблема?

    Asked by Gonqi, July 22, 2021

    0 votes
    4 answers
22. При увеличении и уменьшении масштаба экрана, элементы плывут как хотят

    При увеличении и уменьшении масштаба экрана, элементы плывут как хотят, те которые в px плывут по своему те которые в % по своему, но суть одна и почему backgraund-image в body, занимает всю ширину экрана, независимо от указаной ширины?Спасибо

    Asked by Вячеслав петров, April 19, 2022

    0 votes
    4 answers
23. Не работает селектор .class

    Добрый день. Начинающий программист, столкнулся с проблемой. Селектор .class не работает должным образом. Несмотря на правильное, я надеюсь, описание, на web-странице не отображается ни одно изображение. С чем может быть связано? Заранее спасибо за помощь.

    Asked by Марко, August 16, 2022

    • html
    • программирование
    0 votes
    4 answers
24. INPUT - определение стилей для select

    Есть такой простой select: <select size="5"> <option value="1">option 1</option> <option value="2" selected>option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> <option value="5">option 5</option> </select> Задача: надо поменять стиль выделения пункта в списке. Как это можно сделать?

    Asked by ATr, May 25, 2007

    0 votes
    3 answers
25. INPUT - определение стилей для file

    Люди, подскажите пожалуйста, можно ли для поля отдельно задавать стили для поля ввода и кнопки? Вс? что мне удалось сделать, это задать бордеры, а IE6/IE7 ещ? среагировали на задание ширины (width), но все стили работают для кнопки и поля вместе. Или может кто натыкался на JS-реализацию этого элемента, в которой полю ввода и кнопке можно отдельно прописывать стили... Буду очень благодарен за помощь.

    Asked by GAD, May 28, 2007

    0 votes
    3 answers