Форум на Kuban.ru (http://forums.kuban.ru/)
-   Веб-дизайн и программирование (http://forums.kuban.ru/f1030/)
-   -   CSS как задвинуть картинку (http://forums.kuban.ru/f1030/css_kak_zadvinut-_kartinku-6270111.html)

buh 14.11.2014 12:27

CSS как задвинуть картинку
 
Имеется <img>
Что написать в стиле, чтобы при сужении окна браузера картинка не меняя высоты уходила влево? То есть чтобы правый край оставался а левый прятался?

Dude 14.11.2014 20:40

размер картинок известен?

buh 14.11.2014 21:09

Известен, но если ее не хватает на ширину экрана, она должна быть растянута вширину.

Dude 14.11.2014 22:11

тогда вот так
[code]
<div style="height:365px; background-image:url(1284538844[1].jpg); background-position:100% 0px; background-repeat:no-repeat"></div>
[/code]

обычным дивом, не указывая ширины (или указывая ее как auto) с высотой, как у картинки и сделав картинку фоном, с выравниванием фона на правую сторону

пример [url]http://htmlbank.net/?FI[/url]

buh 14.11.2014 22:18

Спасибо огромное!

Dude 14.11.2014 22:20

Хотя вы же говорите, что в случае если она меньше ширины, то должна быть растянута?
Тогда это решение не подойдет

buh 16.11.2014 21:15

Все равно спасибо!
Я еще подумал, сделал так:

<div style='max-height:440px; overflow: hidden;'>
<img src='img.jpg' style='min-width:1400px; width:100%; float: right; ' alt=''>
</div>


Текущее время: 07:28. Часовой пояс GMT +3.