Как растянуть картинку на странице сайта

запомнить эту страницу

Как растянуть картинку на странице

Такой метод растягивания картинок в браузере может вам пригодиться, ведь разрешение экрана у каждого вашего посетителя разное. И в зависимости от структуры, страницы вашего сайта могут начать просто коряво отображаться.

Давайте сделаем одним легким движением картинку универсального размера, которая будет одинаково вписываться в дизайн страницы на любом экране.

Картинка с универсальным размером

Возьмем стандартную картинку:

Теперь посмотрим в код страницы, видим где прописаны ее размеры. Теперь давайте заменим цифры обозначающие размер на проценты.

Проценты будут работать относительно таблицы в которой находится картинка. Как растянуть картинку по ширине? Меняем цифры на проценты в коде обозначающем ширину вместо width="277" ставим width="90%" (на сколько растянуть картинку в процентах решать вам)

Растянули по ширине

Как растянуть картинку по высоте? Так же, меняем цифры на проценты в коде обозначающем высоту height="80%"

Повторяю, все зависит от индивидуального строения вашей web-страницы, ставите процент по ширине и высоте относительно таблицы в которой находится картинка и проверяете на своем мониторе, а лучше на разных.

 

размещение рекламы

Монетизация трафика

Copyright © 2007 Instructing.ru