Не нравятся результаты поиска? Попробуйте другой поиск!

Проблемы с верской


     06.10.2013    дизайн, html, css, dle    Все вопросы » Общие вопросы по вёрстке    2621

вопрос
Здравстуйте. При дизайне сайта у меня возникли проблемы с версткой.. (http://onlygoodanime.ru/)

Некоторые новости, приопределённых размерах экрана (шаблон отзычивый) съежают на следующую строку.

Проблемы с верской

Проблемы с верской



Для создания этого списка с новостями использовал вот этот пример: http://codepen.io/bradfrost/full/ykalp

Ответа пока нет


5 комментариев

Exile
Гости

Exile - 6 октября 2013 04:54 -

Проблема в padding:
.list li {
    padding: 0.5em;
}

Сделайте 0.2em и все будет нормально. Это ~4900 строка в стилях.

shamanim
Юзер

shamanim - 6 октября 2013 21:35 -

просто контениры разных размеров, нужно их подогнать под какой то один.

поменяй

.list li {
width: 25%;
}

на

.list li {
width: 25%;
height: 440px;
}

Gopr
Юзер

Gopr - 6 октября 2013 21:53 -

Замените padding: 0.5em; на padding: 5px 3px;
.list li {
padding: 0.5em; - эта строка
display: block;
width: 50%;
float: left;
background: none;
border: 0;
}

dj-avtosh
PHP-developer

dj-avtosh - 7 октября 2013 00:18 -

А флот без позиционирования норм будет разве работать?)

По заказам пишем сюда: @Rud00y

ЯД: 41001679231462
Заказы в telegram (ремонт модулей, оптимизация нагрузок и т.п.):
В телегу писать сразу задачу и бюджет.

coolteams
Юзер

coolteams - 9 октября 2013 23:23 -

никогда ничего не делайте падингами если хотите чтобы не сьезжало, фиксированный размер и все!
<div style="170px; float:left">
<div style="150px; height:250px; float:left; overflow:hidden">
<img src="/" style="width:150px; height:auto"/>
<p>текст</p>
</div>
</div>
и будет отступ, понятна логика надеюсь.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх