Недавно был заказ сверстать сайт, где на главной странице распологались герои журнала. И эти герои и есть навигационное меню. Соответственно вырезал картинку и загнал ее в линк так:
<a href="#"><img src="img/picture.jpg" /></a>
Все выровнил, как пологается т.е сделал прилепающий футер и если высота экрана не меньше 800 пикселей, то масштабирование происходит на ура, но переходим на ноутбук диагональ которого 15. Появляется скролл-принял решение уменьшить картинки и подгружать их через CSS3
@media all and (max-width: 800px)
и тут должен идти другой стиль для данного разрешения.
Вопрос: как мне в CSS можно в тэг <img>
загнуть другую картинку, ту, что поменьше масштабом? (кажется, это адаптивная верстка называется)