Как растягивать картинку на 60% от ширины экрана?

[dandandan]

Возникла необходимость растягивать картинки на 60% от ширирны экрана пользователя без использования java script.

подскажите как такое можно релизовать (не замостить, а именно растянуть).

Для примера приведу вот эту картинку

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Будем считать что вот эта фотка должна растянуться на ширину 60% от ширины окна браузера пользователя. Как видете, на ней изображена голова человека, т.е. не должно быть никаких замощений (от слова замостить) этой картинки по оси Х. И картинка должна растянуться на ширину 60%. Высота подбирается браузером автоматически.
Картинку можно сделать как <img> или ставить как baground с помощью css.

 

[studiokifa]

Поставь <img width=60%>, тоже самое CSS background прописываешь далее в диве на странице ставишь width:60%, читай htmlbook . ru

 

[rafic]

<img src="url_image" width="60%">

<div class="image60"></div>
<style type="text\css">
.image60 { background:#fff url(url_image) no-repeat center; width:60%; height:60%; }
</style>

60% по ширине и высоте

 

[almis]

И картинка должна растянуться на ширину 60%. Высота подбирается браузером автоматически.

Вы только не забывайте про интерполяцию. Если вы картинку шириной 131 пиксель (как на вашем образце) растянете даже а пол-экрана, получите набор квадратиков, не больше. Как правило, процент от ширины устанавливается чаще для того, чтобы УМЕНЬШИТЬ изображение, а не увеличить...

 

[rafic]

Кстати верное замечание. Но все таки человек попросил расказать способ - мы сказали. А дальше уже не наше дело...

 

[almis]

Кстати верное замечание. Но все таки человек попросил расказать способ - мы сказали. А дальше уже не наше дело...

Ну, отчего ж не помочь еще одним советом? А то можем только навредить

 

[rafic]

Тоже верно, вот только в оффтоп скатыватся ненадо))