Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Помогите пожалуйста выровнять фон

Помогите пожалуйста выровнять фон


     24.12.2013    Стили (CSS)    1201

вопрос
Воспользовался советом уважаемого Пафнутия и сделал фон под картинки (thumb), но они все равно отображаются криво. Помогите пожалуйста выровнять их, сделать с равными отступами от краев. http://yaroslavaarte.ru/clients.html

Помогите пожалуйста выровнять фон

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


Комментарии пользователей (3)

psarovskiy
37 | 13

psarovskiy - 24 декабря 2013 21:43 - Юзер

можно немного улучшить дописав стили, но все равно, если фото горизонт, то получится слегка вытянутое(


a[onclick="return hs.expand(this)"] {
    display: inline-block;
    width: 220px;
    height: 220px;
    line-height: 220px;
    text-align: center;
    background: #f0f0f0;
    margin: 10px;
    padding: 5px;
    overflow: hidden;
}

a[onclick="return hs.expand(this)"] img {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    min-height: 100%;
}

в данном случае, думаю это макс, что можно сделать, но может я и ошибаюсь)

shmel1985
2

146 | 63

shmel1985 - 24 декабря 2013 21:51 - Юзер

Попробуйте заменить
display: inline-block;
на
display: inline-flex;

и добавьте
vertical-align: middle;
так мне кажется смотрится гораздо лучше.
Вот что получится
display: inline-flex;
width: 220px;
vertical-align: middle;
height: 220px;
line-height: 220px;
text-align: center;
background: #F0F0F0;
margin: 10px;


vlits
3

108

vlits - 25 декабря 2013 08:28 - Юзер

так лучше, но можно еще использовать, что бы не было белых рамок как бы ! что бы фото были все одним размером:

.imgsize {
width: 220px;
height: 220px;
overflow: hidden;
}
.imgsize img {
max-width: 400px;
max-height: 400px;
}

попробуй, ну и поменяй размеры !

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

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