размер изображения css
Автор Дмитрий задал вопрос в разделе Другие языки и технологии
Как с помощью CSS задать одинаковый размер всех изображений, который будут на HTML-странице? и получил лучший ответ
Ответ от Александр[гуру]
сделай стиль на img тэг
img {
width: 100px;
height: 100px;
}
таким макаром можно кое-что сделать
но картинки будут деформированными чтобы вписаться в 100х100 область
Ответ от Joomla CMS[гуру]
img{width:100px;heigth:100px;} - на всей странице по умолчанию будут изображения 100*100.Если задать только ширину. то высота будет автоматически подставляться.
img{width:100px;heigth:100px;} - на всей странице по умолчанию будут изображения 100*100.Если задать только ширину. то высота будет автоматически подставляться.
Ответ от МАСТЕР[гуру]
Уточну по Александру и Joomla CMS
Чтобы изображения не деформировались, надо вписать изображение в блок, которому задать фиксированный размер, и задать стили:
.fixblock {
width: 100px;
height: 100px;
}
.fixblock img {
max-width: 100%;
max-height: 100%;}Тогда изображение впишется по большей стороне. И если хотите обрезать излишки по высоте, то задать жесткую ширину, и добавить блоку overflow: hidden;
Писал не для топикстартера. Он все равно не поймет.
Уточну по Александру и Joomla CMS
Чтобы изображения не деформировались, надо вписать изображение в блок, которому задать фиксированный размер, и задать стили:
.fixblock {
width: 100px;
height: 100px;
}
.fixblock img {
max-width: 100%;
max-height: 100%;}Тогда изображение впишется по большей стороне. И если хотите обрезать излишки по высоте, то задать жесткую ширину, и добавить блоку overflow: hidden;
Писал не для топикстартера. Он все равно не поймет.
Ответ от Ѐусо[гуру]
Просто img{/*параметры*/} и все готова
Просто img{/*параметры*/} и все готова
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Как с помощью CSS задать одинаковый размер всех изображений, который будут на HTML-странице?