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 Помогите понять, как убрать этот пробел, не затронув другие элементы. Уже несколько дней ковыряюсь с этой проблемой, даже в коде запутался..

Приветствую, дамы и господа. Я тут было хотел в человека швырнуть ссылкой о том, как вписывать текст в картинки красиво, да что-то не нагуглил ничего особо по этой теме. Из-за того, что поисковики теперь адаптируются под запросы юзера, меня кидает на уроки по html и css, а надо мне что-то типа "отступы и поля при оформлении текста". Хотя и не безрезультатно, нашёл вот такую замечательную статью: http://artgorbunov.ru/bb/soviet/20140310/ В общем, мне стало интересно и самому почитать что-то по этой теме, т.к., на мой взгляд, многие делают отступы от текста на уровне интуиции и рефлексов. Когда уместно текст центрировать, а когда выравнивать по ширине? Как более удачно разделять абзацы и строки? Сколько должна быть рамка у текстовой иконки, с текстом размером 16 пикселей? Интересует русскоязычный материал, потому что май инглиш из вери бед, а, может быть, даже Хабростатьи или ваши собственные мысли в стиле: "у текста в 16 пикселей отступы по бокам должны быть в 32 пикселя - это и дураку понятно!".