Search the Community

Есть тестовый сайт: http://multigramen.ru/ Между картинкой и меню создался какой-то белый отступ, и я не могу удалить его, чтобы элементы приклеились друг ко другу: Если вырезать следующий код: <a class="header_logo"> <img class="header_photo" src="img/header.png" width="100%"> </a> то меню приклеивается и всё в порядке, хотя в CSS, по сути, нет отступов, которые мешались бы: .header_logo { flex:0 0 40px; } .header_photo { display:none; } Сайт имеет мобильную версию. Код сейчас разбит на два медиа-запроса: max-width:767px и min-width : 768px Помогите понять, как убрать этот пробел, не затронув другие элементы. Уже несколько дней ковыряюсь с этой проблемой, даже в коде запутался..

Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. Сейчас изучаю коды реальных сайтов и вижу много непонятного. Прошу помочь мне разобраться. Моя цель Сделать адаптивный сайт на чистом HTML и CSS, Яваскрипт собираюсь использовать только в крайнем случае (например для меню).Сайт будет без движка. Интересуют следующие основные моменты:сайт легко сверстать вручнуюсайт должен быстро загружатьсясайт должен быть хорошим с точки зрения SEO Общий подходСайт далать - так делать с видом на будущее! чтобы не пришлось через пару лет переделывать.