Добавление лупы на изображение

[allmoney.ws]

Возможно ли отдельным слоем, через class css или ещё как сделать значёк лупы в правом нижнем углу изображения на сайте не прибегая к изменению самого изображения?

[garA]

код не проверял, но, кажется, можно так:
style.css:

.img-car{
 * position:relative;
}
img .lupa{
 * position:absolute;
 * right:0;
 * bottom:0; /* значение подгоните сами */
}

html:

<div class="img-car">
 * [img]i/pic.jpg[/img]
 * [img]i/lupa.gif[/img]
</div>

[Zigzag]

Originally posted by allmoney.ws@Mar 13 2007, 11:39
Возможно ли отдельным слоем, через class css или ещё как сделать значёк лупы в правом нижнем углу изображения на сайте не прибегая к изменению самого изображения?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

ne yasna sut&#39;, podrobnee opishite

[Aykroyd]

Originally posted by garA@Mar 13 2007, 15:10
код не проверял, но, кажется, можно так:
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Поправлю.
1. Для изображения lupa.gif не назначен соответствующий класс.
2. В родовых классах недопустимо отделять точку от селектора пробелом.
3. Поскольку блок с классом .img-car находится в прямом потоке, он занимает по ширине все доступное пространство своего контейнера, а не 50px (ширина изображения pic.jpg). Можно по разному разрешить возникающее в связи с этим несоответствие. Один из вариантов – задать для блока значения ширины и высоты, совпадающие с шириной и высотой изображения pic.jpg.

Идея Ваша, копирайт Ваш.
Думаю, что пример правильного кода Вы приведете сами.

[garA]

Поправлю.
1. Для изображения lupa.gif не назначен соответствующий класс.
2. В родовых классах недопустимо отделять точку от селектора пробелом.
3. Поскольку блок с классом .img-car находится в прямом потоке, он занимает по ширине все доступное пространство своего контейнера, а не 50px (ширина изображения pic.jpg). Можно по разному разрешить возникающее в связи с этим несоответствие. Один из вариантов – задать для блока значения ширины и высоты, совпадающие с шириной и высотой изображения pic.jpg.

пристыдили.. :blush2:

Думаю, что пример правильного кода Вы приведете сами.

Я думаю, что это лишнее. Если внести ваши поправки в код, то все будет как надо..

Поправлю.

Мне следует быть более внимательным..