Перейти к публикации

Проблемы вёрстки

Типовые вопросы по вёрстке

ℹ️ Прочитай — Как получить качественный и быстрый ответ на свой вопрос?

Придерживайтесь, пожалуйста, рекомендаций при открытии новой темы, — тем самым Вы существенно увеличите шансы получить качественный ответ в ближайшее время.

Именование
Имя темы — это краткое описание проблемы, позволяющее понять о чём идет речь в теме без её чтения.
Пример как правильно назвать тему: "Текст в блоке вертикально по центру", "При наведении на картинку отобразить список".
Пример как не правильно называть тему: "Подскажите начинающему", "Подскажите как сделать", "Что не так?"

Описание задачи
Содержимое темы — полное описание проблемы. Ожидается что содержимое составлено для участника сообщества, который никогда не видел Ваш код, но имеет опыт, позволяющий помочь в её решении. В большинстве случаев достаточно описания проблемы, скриншот и ссылку на код, в котором присутствует ошибка.

ℹ️ Рекомендуем прочитать тему —  "Помогите мне с ..." — Как правильно оформить вопрос/проблему перед публикацией, это повысит Ваши шансы получить ответ.

Оформление
Оформление темы — это визуальное форматирование её содержимого, согласно типа данных. Пользуйтесь редактором, так как он позволит пару кликов преобразить тему и поднять её читабельность. Бесспорно, этот приём благоприятно скажется на отношение читателя вашей темы к ней. На пример: для html/css/JavaScript/php кода используйте кнопку редактора code_24.png, а для длинного текста или кода используйте спойлер spoiler_24.png

Картинки
Делайте скриншоты и обозначайте свою проблему. Для скриншотов рекомендуем: Monosnap, ShareX, Jing, Skitch. В качестве альтернативы используйте хостигни картинок: piccy.info, savepice.ru

Примеры
Выкладывайте свой код в качестве готового примера, используя среду веб-разработки в браузере: jsfiddle.net, codepen.io, cssdeck.com, pastebin.com. Результат вставляйте как iframe. Это позволит сразу увидеть результат и код, легче и быстрей понять как работает код и в чём проблема.

Спасибо за Ваше внимание и понимание ?

С уважением, команда HTMLforum.io

Подписчики 6

Подразделы

  1. Макеты для вёрстки

    Макеты и задания для самостоятельной работы

    1k
    сообщения

  2. Обсуждение работ

    Аудит Вашего кода: указываем на ошибки, даём рекомендации по улучшению качества кода

    30k
    сообщений

29 245 тем в этом разделе

  1. Как найти наставника(гуру, учителья, сэнсэя) по вёрстке? 1 2 3 4 5

    Автор: klierik,   
    • 117 ответов
    • 39,9k просмотр

  2. Типичные ошибки начинающего верстальщика 1 2 3 4 7

    Автор: klierik,
    • 154 ответа
    • 64,3k просмотра

  3. "Помогите мне с ..." — Как правильно оформить вопрос/проблему

    Автор: klierik,
    • 19 ответов
    • 23,5k просмотров

  4. ЧаВО

    Автор: s0rr0w,
    • 8 ответов
    • 36,4k просмотров

  5. Прелоадер не закрывается.

    Автор: markevil,   
    • 4 ответа
    • 133 просмотра

  6. Как бы вы сверстали такую страничку?

    Автор: Stoer,
    • 0 ответов
    • 70 просмотров

  7. Вложенные таблицы. Проблема с отображением рамок вложенных таблиц

    Автор: Formikulo,   
    • 15 ответов
    • 458 просмотров

  8. Не заменяется картинка

    Автор: gmod1966,
    • 1 ответ
    • 126 просмотров

  9. Автоматическое масштабирование сайта на мобильных устройсвах

    Автор: Игорь Ермаков,
    • 16 ответов
    • 4,1k просмотр

  10. Адаптивная верстка блоков сайта

    Автор: rafaello9,
    • 1 ответ
    • 168 просмотров

  11. Что у Вас было с <html> и <body> (легчайший вопрос, тут нет простыни из кода)

    Автор: GRAY,
    • 2 ответа
    • 187 просмотров

  12. Убрать горизонтальную прокрутку

    Автор: Albinka,
    • 1 ответ
    • 126 просмотров

  13. Выравнивание как проблема верстки

    Автор: newmandvin,
    • 1 ответ
    • 138 просмотров

  14. Проблема с любимым "Липким" - sticky

    Автор: PoliWik,
    • 1 ответ
    • 140 просмотров

  15. Вопрос по верстке с display: inline-block;

    Автор: GRAY,
    • 2 ответа
    • 131 просмотр

  16. Помогите разобраться с gridом

    Автор: GRAY,
    • 4 ответа
    • 188 просмотров

  17. Как сделать 2 фона

    Автор: proxor1,
    • 0 ответов
    • 139 просмотров

  18. Фиксированный заголовок таблицы в css

    Автор: robibestplay,
    • 2 ответа
    • 214 просмотров

  19. Многоколоночное боковое выпадающее меню

    Автор: newmandvin,
    • 0 ответов
    • 131 просмотр

  20. Анимация не подключается.

    Автор: Bolvongar,   
    • 1 ответ
    • 128 просмотров

  21. Можно ли убрать пустое пространство

    Автор: AlexandrPrazdnikov,
    • 0 ответов
    • 163 просмотра

  22. Открыть ссылку в новом окне!

    Автор: DonCarlo,
    • 1 ответ
    • 183 просмотра

  23. Сдвиг текста

    Автор: newabuser,
    • 1 ответ
    • 223 просмотра

  24. Как вставить flex-элемент

    Автор: goru00,
    • 1 ответ
    • 171 просмотр

  25. Неравномерный градиент

    Автор: br3t,
    • 3 ответа
    • 262 просмотра

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

  • Спрашивают сейчас

  • Пишут сейчас

    • guram07
      Как убрать горизонтальный скролл на сайте при просмотре с iphone X в браузере Google Chrome?

      Автор: guram07 · Опубликовано:

      Всем доброго времени суток. При просмотре сайта через десктопные браузеры все элементы и экран показываются ровно соответствуя медиа запросам. Точно так же - все отображается ровно если в Chrome выбрать отображение сайта как с iPhone X c перевернутым экраном. Но если зайти на сайт с iPhone X с браузера Google Chrome, и перевернуть экран, то во первых - появляется горизонтальный скролл, во вторых - при переворачивании экрана обратно слетает полностью мобильный вид сайта. Что касается просмотра сайта через браузер Safari на iPhone X, все отображается ровно. Прилагаю видео - экран запись с iPhone X. Ссылка на видео - https://disk.yandex.ru/i/BI2go6yL2gtxQQ. Ссылка на сайт - http://grillgrad.ru/ Прошу помочь кто может мне в этом вопросе. Я понимаю, что скорее всего верстка кривая где-то или где-то нарушены правила оформления через СSS.
    • NETMAP
      Netmap.net - VPN Сервис OpenVPN, PPTP, L2TP/IPsec

      Автор: NETMAP · Опубликовано:

      Здравствуйте, уважаемые мемберы. Предстваляем Вашему вниманию VPN сервис NetmapVPN Мы предоставлем качестренный, стабильный и доступный VPN. В рамках нашей подписки доступен большой арсенал серверов, DoubleVPN, а также VPN+TOR Это далеко не все, что Вы можете получить с нами. Наши преимущества: 1. Cервис работает на Windows, Linux, MacOS, iOS, Android и роутерах. 2. Реализованы приложения для Windows, MacOS, iOS, Android, также есть расширения для браузеров Chrome и Firefox. 3. В приложениях для iOS, Android, MacOS и расширениях для браузеров есть бесплатные серверы без ограничений. 4. Есть возможность ручной настроки VPN через протоколы L2TP, PPTP, OpenVPN, IKEv2. Доступны мануалы для настройки. 5. Удобный личный кабинет с огромным количеством методов оплат. 6. Партнерская программа по которой клиент может получить 30% оплат с привлеченных по его партнерской ссылке клиентов. 7. Работает накопительная система скидок, больше платишь - больше скидка. 8. Мониторинг доступности и загруженности серверов в реальном времени с помощью инструмента "Локации серверов". 9. Также есть полезный инструмент "Тест скорости" и "Проверить Ваш IP". DoubleVPN: Наши клиенты могут настроить себе DoubleVPN цепочку с любой комбинацей серверов и использовать сервер с исходящим IP в сети TOR. Бесплатный VPN Для клиентов, которым не нужно большое количество серверов, доступен бесплатный VPN сервер. Чтобы воспользоваться ним, установите любое из наших приложений для ОС или браузера. Техническая поддержка работает круглосуточно, вы можете связаться с нами посредством тикет системы или live чата на сайте. Контакты:   email: robot@netmap.net
    • markevil
      Прелоадер не закрывается.

      Автор: markevil · Опубликовано:

      Спасибо, нашел. Ошибка была в подключении bootstrap.js - почему-то подключение. взятое из шаблона на сайте Bootstrap не работало. Работает вот такой вариант: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script src="assets/js/main.js"></script>  

  • Лучшие авторы

×
×
  • Создать...