2014-12-21 3 views
-1

Я ничего не знаю о кодах HTML, и я использую тему Galauness Blogger, которую я нашел в Интернете. Я изменил некоторые вещи, которые были не слишком сложными, и единственное, что мне сейчас не нравится в моем блоге, - это тот факт, что неправильный заголовок принадлежит неправильному блогу.Как увеличить пространство между сообщениями?

Если вы посещаете мой сайт, то выглядит так, что вторая строка текста относится к первой строке изображений, но это не так.

Может кто-нибудь возражать, помогая мне: а) уменьшить пространство между текстом и изображением или b) увеличить первую строку изображений и вторую строку текста?

Мой сайт www.lemontierres.com

Спасибо заранее

+0

Stack Overflow предназначен для помощи в практических вопросах, связанных с программированием ([Help/on-topic]), а не для «бесплатной помощи» со всем, что связано с компьютерами в целом. – usr2564301

ответ

0

Уменьшая пространство между заголовком и изображением можно, но может усложниться. Причина в том, что каждый заголовок в вашем CSS имеет высоту, равную 40 пикселям, и заполнение 10 пикселей. Вы найдете это в css для селектора .post h3. Если высота: 40 пикселей; был бы удален, он выглядит лучше, так как в настоящее время все заголовки имеют только одну строку, но в случае одного заголовка с двумя строками три записи в каждой строке больше не будут выровнены - фиксированная высота заботится о том, чтобы все выровнялось.
Чтобы иметь больше места между записями, вы можете добавить отступы для элемента оболочки - например. каждая запись упаковывается в DIV с классами post и hentry, поэтому добавление

.post.hentry { 
    padding-bottom: 30px; 
} 

добавит больше пространства между рядами.
Я заметил, что добавление прокладки к внешней оболочке - div с классом date-outer - приводит к странным результатам, но, похоже, работает с .post.hentry.

+0

Спасибо, что помогли мне, я смог изменить его благодаря комментарию о высоте: 40 пикселей, я изменил это на 20 пикселей, и теперь это выглядит нормально! Огромное спасибо. – Sjoukje

+0

@Sjoukje Рад, что я был в состоянии помочь вам. Если это ответит на ваш вопрос, вы можете принять этот ответ, поэтому вопрос будет отмечен как закрытый/разрешенный. Поскольку я заметил, что вы новичок в Stackoverflow и, возможно, не знаете, как это работает и почему, просто проверьте http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work#answer -5235 –

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