Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Вопрос по верстке картинок

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


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

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

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

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

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

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

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

Как то вот так:
.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
Юзер

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


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

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

Ayk
Юзер

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

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

TheImDim
Юзер

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

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

Ayk
Юзер

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

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

Green
Юзер

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

http://uscrew.ru

Green
Юзер

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

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

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

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

наверх