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

Тема в разделе "Веб-дизайн", создана пользователем dandandan, 13 сен 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. dandandan

    dandandan

    Регистр.:
    7 авг 2008
    Сообщения:
    991
    Симпатии:
    267
    Возникла необходимость растягивать картинки на 60% от ширирны экрана пользователя без использования java script.

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

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

    Перейти по ссылке

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

    studiokifa Писатель

    Регистр.:
    18 ноя 2008
    Сообщения:
    3
    Симпатии:
    1
    Поставь <img width=60%>, тоже самое CSS background прописываешь далее в диве на странице ставишь width:60%, читай htmlbook . ru
     
    dandandan нравится это.
  3. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    60% по ширине и высоте:)
     
  4. almis

    almis Постоялец

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

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Кстати верное замечание. Но все таки человек попросил расказать способ - мы сказали. А дальше уже не наше дело...
     
  6. almis

    almis Постоялец

    Регистр.:
    13 янв 2008
    Сообщения:
    54
    Симпатии:
    6
    Ну, отчего ж не помочь еще одним советом? А то можем только навредить:)
     
  7. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Тоже верно, вот только в оффтоп скатыватся ненадо:)))
     
Статус темы:
Закрыта.