Изображения выходят за границы

я работаю над веб-сайтом для размещения изображений, и по какой-то причине изображения в галерее выходят за пределы своей максимальной ширины

max-width: 495px;

полный CSS:

    .imagebox{
border: 1px solid gray;
height: 495px;
width: 495px;
background-color: #ffffff;
text-align: center;
line-height: 495px;
}
.image_container img {
vertical-align: middle;
max-width: 495px;
}

скриншот того, как выглядят переполненные изображения: ScreenshotСнимок экрана введите здесь описание изображенияКроме того, кто-нибудь может подсказать, как удалить эти раздражающие границы изображения по умолчанию? Спасибо, что нашли время на чтение моего поста, любая помощь будет с радостью оценена.


image html alignment css border
person Mister_Fix    schedule 08.09.2013    source источник
comment
ты пробовал overflow:hidden; ?   -  person Josh Crozier    schedule 08.09.2013
comment
Нет, на самом деле, я сейчас попробую, но куда мне это положить?   -  person Mister_Fix    schedule 08.09.2013

Ответы (3)


arrow_upward
1
arrow_downward

Вы пытались немного уменьшить максимальную ширину, чтобы посмотреть, что произойдет? (Может быть, до 485 пикселей) Для удаления границ, я не уверен, со сколькими изображениями вы работаете, но вы всегда можете пойти по старинке — открыть его в программе редактирования изображений и уменьшить его оттуда :)

person cardern    schedule 08.09.2013

arrow_upward
2
arrow_downward

Вы можете удалить границу изображения в css img {border:none, outline: none;}

person Muhamad Serawan    schedule 08.09.2013

arrow_upward
1
arrow_downward

Я думаю, что проблема в границе изображения. Ширина изображения составляет 495 пикселей, как вы установили, но его правая граница превышает максимальную ширину, а левая граница смещает изображение еще больше вправо. Если граница 1 пиксель, сделайте ширину изображения 493 пикселя.

О том, как их удалить, я не понимаю вашего вопроса, потому что вы установили границу на «1px сплошной серый». попробуйте установить "border:0;".

person OriShuss    schedule 08.09.2013
comment
Сплошной серый 1px — это само поле изображения, я имел в виду границу, когда вы помещаете тег img, он также устанавливает границу по умолчанию. - person Mister_Fix; 08.09.2013