2013-07-08 3 views
1

Я работаю над переделкой существующего сайта Weebly.Причина скрытых полей?

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

Оригинальный сайт можно посмотреть здесь: http://budaeva.weebly.com/index.html

Сайт повтора можно посмотреть здесь: http://backwards.ca/ayyyna/index.html

И скрипку можно посмотреть здесь: http://jsfiddle.net/mG5hW/

рассматриваема область ниже:

#feature_pic img 

Заранее спасибо.

+0

Вы говорите о небольшой прокладке над и под изображением? – Justin

+1

Пожалуйста, добавьте содержательный код и описание проблемы здесь. Не связывайте с сайтом, который нуждается в исправлении. В противном случае этот вопрос потеряет любое значение будущим посетителям, как только проблема будет решена. Публикация [Краткосрочный, самосохраненный, правильный пример (SSCCE)] (http://www.sscce.org/) , который демонстрирует вашу проблему, поможет вам получить более качественные ответы. Для получения дополнительной информации см. [Что-то на моем веб-сайте не работает. Могу ли я просто вставить ссылку на ?] (Http://meta.stackexchange.com/questions/125997/) Спасибо! – j08691

+0

Спасибо. Я отредактировал мой вопрос –

ответ

6

display: block Добавить в #feature_pic img

Объяснение.

По умолчанию <img> является элементом inline, и, следовательно, пространство исходит от предполагаемого line-height. Но вам нужно изменить img для отображения в качестве элемента уровня block.

+0

И причина? – PSL

+0

Некоторые браузеры (в основном, т. Е.) Добавляют пустое пространство под изображениями, которые не настроены для отображения: block. Я думаю, что само фактическое пространство является артефактом свойства line-height, присущего неблокированным объектам. – relic

+0

Хорошо добавленное объяснение так +1. :) – PSL

Смежные вопросы