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

Вопрос по верстке картинок


     14.12.2012    Общие вопросы по вёрстке, Стили (CSS)    1995

вопрос
Здравствуйте! Помогите пожалуйста сделать, так, чтобы картинки обрезались под заданный им размер!!! Пример альбомы вконтакте, фотографии, на скриншоте.

Вопрос по верстке картинок

То есть у меня сейчас вод так:

Вопрос по верстке картинок

. Картинки добавляю вод так:

Вопрос по верстке картинок

Как то вот так:
.bnews4 a[onclick="return hs.expand(this)"] {
display: block;
width: 100px;
height: 100px;
overflow: hidden;
float: left;
margin: 0 10px 10px 0;
line-height: 100px;
}
.bnews4 a[onclick="return hs.expand(this)"] img {
vertical-align: middle;
max-width: 100px;
}
, тк там вылаживаю картинки. Вод кусок css, скажите как тут дописать, чтобы картинки урезало под заданный размер.

.bnews4 img {
        background-color: #c9c9c9;
        border: 3px solid #c9c9c9;
        padding: 0px;
        margin: 0px 10px 20px 0px;
        width: 172px;
}  

Ответил: ПафНутиЙ


Как то вот так:
.bnews4 a[onclick="return hs.expand(this)"] {
display: block;
width: 100px;
height: 100px;
overflow: hidden;
float: left;
margin: 0 10px 10px 0;
line-height: 100px;
}
.bnews4 a[onclick="return hs.expand(this)"] img {
vertical-align: middle;
max-width: 100px;
}

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

Ayk
1

154 | 94

Ayk - 15 декабря 2012 12:16 - Юзер


Сделал, так как вы написали, но все равно есть небольшие косечки((((

https://dle-faq.ru/uploads/comments/1633/temp.jpg

Ayk
1

154 | 94

Ayk - 15 декабря 2012 12:16 - Юзер

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

TheImDim
18

327 | 291

TheImDim - 15 декабря 2012 12:23 - Юзер

есть два варианта: либо сказать юзерам чтобы одного размера выкладывали картинки, либо написать скрипт на php который будет обрезать и масштабировать изображения. Я бы выбрал второй вариант

Ayk
1

154 | 94

Ayk - 15 декабря 2012 12:40 - Юзер

Все разобрался)

Green
6 | 7

Green - 15 декабря 2012 12:41 - Юзер

http://uscrew.ru

Green
6 | 7

Green - 15 декабря 2012 12:42 - Юзер

Извините за спам, просто хотел посмотреть что за WTF, больше так делать не буду... Думал потом можно свой коммент удалить

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

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