Вопрос Html. как на одной странице задать разные размеры для разных рисунков?

Регистрация
2 Авг 2013
Сообщения
84
Репутация
0
Спасибо
0
Монет
0
В html вставляю ссылку на рисунок в абзац <p> img src = "___" </p> а потом в css по названию класса .___img задаю height и weight но тогда они все получаются одного размера. Просто блоки внутри блока не хочется делать а размеры нужны разные. Я даже пробовал к каждому рисунку задавать отдельно размеры в самом html, то есть после каждого img src = "___" прописывал рядом style="height: 200; width:200;" например, но все равно получались все рисунки одного размера
 



___img {
общие стили
}
___img1 {
размеры первого изображения
}
___img2 {
размеры второго изображения
} В атрибутах прописывать или класс дополнительный давать
 
А кроме классов больше ничего через css менять не умеете? )))
И что мешает завести несколько классов под разные изображения?
 
Попробуйте, в css дописать для img display: block а потом уже размер и так же допишите object-fit: cover а высоту автоматически или max-height: 100%
 
Попробуйте вместо 200 писать 200px.
Для CSS важна единица измерения, если значение не равно нулю.
Если хотите сохранить пропорции картинки, тогда задайте лишь один из двух размеров.
 
Назад
Сверху