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

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

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


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

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

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

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

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

Оформление
Оформление темы — это визуальное форматирование её содержимого, согласно типа данных. Пользуйтесь редактором, так как он позволит пару кликов преобразить тему и поднять её читабельность. Бесспорно, этот приём благоприятно скажется на отношение читателя вашей темы к ней. На пример: для 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


Подразделы

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

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

    1k
    сообщения
  2. Обсуждение работ

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

    30k
    сообщений

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

    • 117 ответов
    • 39,9k просмотр
    • 154 ответа
    • 64,3k просмотра
    • 19 ответов
    • 23,5k просмотров
  1. ЧаВО

    • 8 ответов
    • 36,4k просмотров
  2. Прелоадер не закрывается.

    • 4 ответа
    • 133 просмотра
    • 0 ответов
    • 70 просмотров
    • 15 ответов
    • 458 просмотров
  3. Не заменяется картинка

    • 1 ответ
    • 126 просмотров
    • 16 ответов
    • 4,1k просмотр
    • 1 ответ
    • 168 просмотров
    • 2 ответа
    • 187 просмотров
    • 1 ответ
    • 126 просмотров
    • 1 ответ
    • 138 просмотров
    • 1 ответ
    • 140 просмотров
    • 2 ответа
    • 131 просмотр
    • 4 ответа
    • 188 просмотров
  4. Как сделать 2 фона

    • 0 ответов
    • 139 просмотров
    • 2 ответа
    • 214 просмотров
    • 0 ответов
    • 131 просмотр
    • 1 ответ
    • 128 просмотров
    • 0 ответов
    • 163 просмотра
    • 1 ответ
    • 183 просмотра
  5. Сдвиг текста

    • 1 ответ
    • 223 просмотра
  6. Как вставить flex-элемент

    • 1 ответ
    • 171 просмотр
  7. Неравномерный градиент

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

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

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

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

    • 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
      Здравствуйте, уважаемые мемберы. Предстваляем Вашему вниманию 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: [email protected]
    • 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>  
  • Лучшие авторы

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