размер изображения 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-странице?
html \\ css как поместить фоновое изображение на передний план? поверх остальных элементов
Отдельный блок для него сделай и балуйся ним как душе угодно.
И в чем тайный смысл
подробнее...
Параметры обводки и цвета шрифта в HTML, CSS
Для выбора цвета текста в CSS используйте функцию:
color:#00FF00; где #00FF00 - цвет (можно
подробнее...
помогите с css, мне нужно обрезать изображение(не ужать) и у него же углы закруглить. Как сделать?
<style>
#image {
width: 100px;
height: 100px;
background-image:
подробнее...
спросили в Но
Вопрос по html. Как сделать чтобы в теге img src размер картинки сжимался но при этом не менялпропорций???
< img src=\"путь к картинке\" width=\"200\" /> -пропорции будут соблюдены.. . но что бы не
подробнее...
Вопрос по html. Как сделать чтобы в теге img src размер картинки сжимался но при этом не менялпропорций???
< img src=\"путь к картинке\" width=\"200\" /> -пропорции будут соблюдены.. . но что бы не
подробнее...
Как сделать изображение ссылкой в CSS? Есть: body { background-image:url(img/head.jpg); Чтобы стало:<scr>
css
#link a {
background:url(адрес) no-repeat;
width:Npx;
height: Npx;
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:
как на сайте сделать изображение на весь экран? Реально на весь экран (любого монитора)?
1) Сброс стилей по умолчанию спасет. В CSS:
* { padding:0; margin:0; }
В данном случае,
подробнее...
Как в html сделать фиксированный размер картинки, чтобы все материалы, выкладываемые на сайт, скриншоты были одинаковыми
если ты хочешь именно картинки сделать одинаковыми, то через width и height. Но, если картинки в
подробнее...
для чего эта прога XnView ?
XnView – яркий пример того, что среди бесплатного обеспечения (FreeWare) встречаются очень мощные
подробнее...
спросили в Nike
какой телефон лучше nokia n 93 или nokia n 92???
продолжение N-серии мультимедийных смартфонов компании, и первое в мире устройство со встроенным
подробнее...
какой телефон лучше nokia n 93 или nokia n 92???
продолжение N-серии мультимедийных смартфонов компании, и первое в мире устройство со встроенным
подробнее...
Какой купить телевизор???
Ну, батенька, вы и задали вопрос.. .
Мало того, что это один из самых популярных
подробнее...
спросили в 13 июля
Почему баварского короля Людвига II называют «сказочным королем» ? Чем прославился это человек?
Людвиг II - «Сказочный король»
Мало кто знает, что на дне баварского озера
подробнее...
Почему баварского короля Людвига II называют «сказочным королем» ? Чем прославился это человек?
Людвиг II - «Сказочный король»
Мало кто знает, что на дне баварского озера
подробнее...
помогите с програмой перекодировки видео
- Новая версия многофункционального конвертора видео файлов в пакетном режиме Magic Video
подробнее...