HTML Coding

29,542 questions in this forum

1. Ломается блок в моб версии сайта

   Сверстал блок номерами телефонов, возможно криво не спорю, но я все еще учусь верстать. Блок меня устраивает, только вот адаптировать не знаю как, на мобильном экране блок ломается, как этого избежать, но при этом сохранить вид блока в 100%, подскажите пожалуйста? https://jsfiddle.net/q0ozsk5e/

   Asked by viliksar, June 25, 2020

   0 votes
   1 answer
2. Медиа запросы | CSS

   День добрый. С помощью видео курса осваиваю медиа запросы - адаптация под мобильную версию только на CSS, навигация HTML. Проблема следующая - адаптация работает когда я открываю сайт в окне и на своей операционной системе самостоятельно меняю размер окна, но при этом не работает в режиме разработчика, когда я выбираю просмотр с устройства, в моём случае это был iPad, и при этом автор в видео курсе демонстрирует работу медиа запросов именно там. Я попробовал перенести веб-страницу на свой телефон и открыть её в браузере - адаптивная версия там тоже не сработала. Видео за январь 2020, у автора Chrome - у меня тоже, разве что у него Mac, у меня Windows. Что это за магия т…

   Asked by asmodeusowner, June 18, 2020

   • медиазапросы
   0 votes
   1 answer
3. Картинка ставится не на всю страницу

   Сама работа: https://repl.it/join/bgebjslq-rodrik Прошу помощи в вопросе, как прописать, чтобы картинка покрывала всю область страницы, а то снизу появляется белое и не могу понять из-за чего. align="right" прописываю, но сама картинка ставится не справа от текста, что следует изменить? Также из-за этого не виден подвал. Заранее спасибо. UPD: Решил проблему Может кому поможет Решил, добавив в в css, в body: background: url(Властелин.jpg) no-repeat center fixed; background-size: cover;

   Asked by Rodrik, June 15, 2020

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

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

   Asked by Kompilator, June 13, 2020

   0 votes
   4 answers
5. Помогите сверстать блок

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

   Asked by dm-stanislav, June 11, 2020

   • сайт
   • верстка
   • css
   • html
   0 votes
   1 answer
6. Ченжлог

   Здравствуйте все, у меня возникла проблема при верстке Changelog на сайте, проблема в том что при выборе пункта ченжлог должно появлятся окно с выбором версий, и если выбираешь описание то это окно с версиями должно исчезать, файлы прикрепил, помогите пожалуйста, как это можно реализовать, заранее благодарю за ответы htdocs.rar

   Asked by Kelmint, June 10, 2020

   • html
   • css
   • javascript jquery
   0 votes
   0 answers
7. Адаптивное изображение

   В общем, сделал на сайте таблицу "почему мы", и на разрешении 1920х1080 выглядит она нормально, однако на смартфонах и на более низких разрешениях изображение не адаптируется, пробовал убрать фиксированные параметры width и height, но у картинок слишком высокое разрешение. Сайт.

   Asked by GreenAurora, June 9, 2020

   0 votes
   1 answer
8. Символы, которые игнорируются при поиске и копировании

   Можно ли сделать так, чтобы некоторые символы на странице игнорировались при поиске (по Ctrl+F) и копировании? Например, на экран выводится: При копировании в буфер сохраняется:

   Asked by Suppilulima, June 6, 2020

   • поиск по странице
   • копирование
   0 votes
   2 answers
9. проблемы с Лид формой

   Всем привет. Столкнулся с какой-то ошибкой в коде, при вводе номера телефона в Лид форму на ПК и iPhone все нормально, а вот с андроид сбивается формат и не отправляется заявка, если не удалить черточки

   Asked by parovozbrooklyn, June 4, 2020

   0 votes
   1 answer
10. Звездочки, но не рейтинг

    Приветствую, пользователь. Делаю верстку по макету и надо сделать звездочки (Скриншот прикрепил), как я понял по макету они просто высвечиваются, возможности ставить оценку не должно быть. Так вот как лучше сверстать это, чтобы, например, когда проект уйдет в продакшн людям с админки было бы удобнее выставлять их. Я просто поместил фото звездочки в div и продублировал звездочку нужное количество раз, а также применил float:right (скриншот прикрепил) . Был вариант сделать с помощью чекбоксов (выключить их и поменять иконку на звездочку), но подумал, что это костыль. Так вот как лучше сверстать это и правильно ли использовать в таком случае float в 2020 году? Звездочки …

    Asked by JetDonkey, May 30, 2020

    0 votes
    1 answer
11. Как убрать отступы, если блоку задал with

    Такая вот проблема. Задал блоку ширину, и сразу выходят отступы. Чтоб поставить блок по центру использую margin:auto; Но можно эти отступы как-то убрать?

    Asked by FotGOD, May 29, 2020

    0 votes
    0 answers
12. Сделать ссылку не из текста, а из кнопки

    Как видно на фото, ссылка доступна только по тексту, а если нажать на саму кнопку-ничего не происходит. Помогите, пожалуйста, исправить это, код прилагается: <div id="connect" class="connect-header" bis_skin_checked="1"> <button type="button" style=" display: inline-block; background: #00aeff; color: white; width: 100%; height: 50px; border: 0; cursor: pointer; border-radius: 12px; margin-top: 5px; "><a href="http://aqua-pure.pp.ua/index.php?route=information/contact"><i class="material-icons" style=" color: white; ">call</i><span style=" color: white; ">Оставить заявку</span>&lt…

    Asked by GreenAurora, May 28, 2020

    0 votes
    5 answers
13. Изменение ширины блока без изменения ширины картинки

    Как изменить ширину блока(хочу вставить два блока по бокам блока с картинкой-логотипом). Как видно на скриншоте, там много свободного места которое не используется.

    Asked by GreenAurora, May 17, 2020

    0 votes
    1 answer
14. Разные версии вёрстки сайта для смартфона и пк

    Как сделать чтоб на смартфоне вёрстка сайта отличалась от пкшной?

    Asked by GreenAurora, May 16, 2020

    0 votes
    2 answers
15. Проблема с центрированием

    На странице только картинка размером 1920х1200 рх, нужно что-бы по высоте отображалась на 100% а по ширине - по центру браузеров

    Asked by 107andz, May 14, 2020

    0 votes
    3 answers
16. Помогите с центрированием.

    Задача: Создать линию определённых размеров и расположить её по центру экрана. Код HTML: <div class="line"></div> Код CSS: .line { position:absolute margin-top:650px; height:2px; width:1200px; background: black; }

    Asked by shumz, May 11, 2020

    • html
    • css
    • css3
    0 votes
    3 answers
17. Помогите установить akeneo или pimcore

    Для интернет магазина хочу собрать товары с прайслистов в одном из этих PIM систем и от них уже импортировать по сайтам, доскам и продажным платфорам. Но 2 дня не могу установить, поскажите пожалуста русским языком сурикату . Как установитиь их: akeneo или pimcore, Что не обходимо и как дурчку инструкцию)

    Asked by Meerkat, May 10, 2020

    0 votes
    1 answer
18. С помощью Flex строки меню вместе. Что не так?

    Здравствуйте. Верстаю макет, но чтото не так. Подобные верстал раньше, все было хорошо, даже сверяю, все чуть ли не под копирку написал. Но в Этом коде почему-то строки в меню слиплись и не могу их раскинуть. на рисунке как должно быть, и как выходит. Что не так делаю? Html: <div class="container"> <header class="header"> <div class="header-item"> <a href="#"><h1 class="logo">Bouncy</h1></a> <nav class="navbar"> <ul class="menu"> <li><a href="#">Hello</a> </li> <li><a href="#">About</a> </li> …

    Asked by FotGOD, May 6, 2020

    • html css
    0 votes
    1 answer
19. Как сделать изображения одинаковыми?

    Здравствуйте! Подскажите пожалуйста как сделать чтобы иконки на главной странице в моб версии отображались по высоте одинаково. Свойство background-size: cover не помогает. А если задать макс высоту то другие иконки плывут. в Десктопе размеры и высота в полном порядке. сайт - ikona-radoneg.ru

    Asked by viliksar, May 6, 2020

    0 votes
    1 answer
20. Как правильно и быстро вырованять 50на50 экран

    Нужно выровнять 2 дива ,как более быстро это сделать ,посоветуйте

    Asked by DoubleSuicide666, April 28, 2020

    0 votes
    1 answer
21. Помогите с тем как написать блок

    Как написать такую шутку на чистом Css ?

    Asked by DoubleSuicide666, April 28, 2020

    0 votes
    2 answers
22. Вложенность элементов Css

    Вопрос новичка :) В зависимости от положения запятой в css коде получается разный результат на выходе. Кто может разъяснить принцип, по которому они ставятся. Например, почему (p, .main span a) и (p .main, span a) отображаются по разному. Я понимаю что так и должно быть, но почему? По какому принципу? Внизу я прикрепил скриншоты - коды и результаты

    Asked by Antonezo, April 27, 2020

    • css
    • бвложенность тегов
    • дочерние
    0 votes
    5 answers
23. Помогите с header'ом

    недавно начал изучать html css, вроде все понятно, но не могу сообразить как правильно сверстать такой header. помогите примером

    Asked by HypestHypest, April 26, 2020

    • header
    • html
    • css
    0 votes
    1 answer
24. margin-top: !important; как убрать отступ?

    Привет! Не знаю куда создать тему, переместит наверно сам модератор... Вопрос: margin-top: !important; как убрать отступ ? Т.е остается длинный пробел, если задать отступ, то другая страница на сайте портится...

    Asked by Bobby monster, April 25, 2020

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

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

    Asked by KPOHHOC, April 23, 2020

    0 votes
    4 answers