К списку форумов К списку тем
Регистрация    Правила    Главная форума    Поиск   
Имя: Пароль:
Рекомендовать в новости

CSS как задвинуть картинку

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



Гость
1 - 14.11.2014 - 20:40
размер картинок известен?
Гость
2 - 14.11.2014 - 21:09
Известен, но если ее не хватает на ширину экрана, она должна быть растянута вширину.
Гость
3 - 14.11.2014 - 22:11
тогда вот так
Код:
<div style="height:365px; background-image:url(1284538844[1].jpg); background-position:100% 0px; background-repeat:no-repeat"></div>
обычным дивом, не указывая ширины (или указывая ее как auto) с высотой, как у картинки и сделав картинку фоном, с выравниванием фона на правую сторону

пример http://htmlbank.net/?FI
Гость
4 - 14.11.2014 - 22:18
Спасибо огромное!
Гость
5 - 14.11.2014 - 22:20
Хотя вы же говорите, что в случае если она меньше ширины, то должна быть растянута?
Тогда это решение не подойдет
Гость
6 - 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>


К списку вопросов






Copyright ©, Все права защищены