Возможно ли отдельным слоем, через class css или ещё как сделать значёк лупы в правом нижнем углу изображения на сайте не прибегая к изменению самого изображения?
Вид для печати
Возможно ли отдельным слоем, через class css или ещё как сделать значёк лупы в правом нижнем углу изображения на сайте не прибегая к изменению самого изображения?
код не проверял, но, кажется, можно так:
style.css:
html:Код:.img-car{
* position:relative;
}
img .lupa{
* position:absolute;
* right:0;
* bottom:0; /* значение подгоните сами */
}
:hi:Код:<div class="img-car">
* [img]i/pic.jpg[/img]
* [img]i/lupa.gif[/img]
</div>
[/quote]Цитата:
Originally posted by allmoney.ws@Mar 13 2007, 11:39
Возможно ли отдельным слоем, через class css или ещё как сделать значёк лупы в правом нижнем углу изображения на сайте не прибегая к изменению самого изображения?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
ne yasna sut', podrobnee opishite
[/quote]Цитата:
Originally posted by garA@Mar 13 2007, 15:10
код не проверял, но, кажется, можно так:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Поправлю.
1. Для изображения lupa.gif не назначен соответствующий класс.
2. В родовых классах недопустимо отделять точку от селектора пробелом.
3. Поскольку блок с классом .img-car находится в прямом потоке, он занимает по ширине все доступное пространство своего контейнера, а не 50px (ширина изображения pic.jpg). Можно по разному разрешить возникающее в связи с этим несоответствие. Один из вариантов – задать для блока значения ширины и высоты, совпадающие с шириной и высотой изображения pic.jpg.
Идея Ваша, копирайт Ваш. [Only registered and activated users can see links. Click Here To Register...]
Думаю, что пример правильного кода Вы приведете сами. [Only registered and activated users can see links. Click Here To Register...]
пристыдили.. :blush2:Цитата:
Поправлю.
1. Для изображения lupa.gif не назначен соответствующий класс.
2. В родовых классах недопустимо отделять точку от селектора пробелом.
3. Поскольку блок с классом .img-car находится в прямом потоке, он занимает по ширине все доступное пространство своего контейнера, а не 50px (ширина изображения pic.jpg). Можно по разному разрешить возникающее в связи с этим несоответствие. Один из вариантов – задать для блока значения ширины и высоты, совпадающие с шириной и высотой изображения pic.jpg.
Я думаю, что это лишнее. Если внести ваши поправки в код, то все будет как надо..Цитата:
Думаю, что пример правильного кода Вы приведете сами.
Мне следует быть более внимательным..Цитата:
Поправлю.
[Only registered and activated users can see links. Click Here To Register...]