Форум Сайтостроение Веб-строительство

Отображение слоя поверх изображения

[Удален]
1202

Добрый день, ребята!

Подскажите пожалуйста такую вещь...

в таблице выгладываю озображение фотографии 4367.jpg и мне прямо на нём необходимо разместить маленькое изображение 5.png, пробовал по разному... но получается что изображение отображается, но под рисунком образуется пространство равно размеру указанному в TOP...

можно изображение помести как фон таблицы и конкретно размещать пнг без слоя, но высота рисунка постоянно разная, а ещё и брать размер изображения каждый раз при чтении как-то нерационально..

Подскажите пожалуйста как всё таки разместить маленький ПНГ, чтобы не было пустого пространства снизу и прямо на фотографии

<td height="117" align="center" valign="middle">

<img src=4367.jpg width=250 border=0 title=''/>

<div style='Z-INDEX: 1; LEFT: 0px; TOP: 0px; POSITION: relative;'>

<img src=5.png width=50 height=50 >

</div>

</td>

4arger
На сайте с 17.12.2008
Offline
95
4arger
#1

<table border="1"><tr><td height="117" align="center" valign="middle">

<img src=4367.jpg width=250 border=0 title=''/>

<div style="Z-INDEX: 1; LEFT: 0px; TOP: 0px; POSITION: relative;margin-top:-100px;">

<img src=5.png width="50" height="50" >

</div>

</td></tr></table>

Управление позиционированием рисунка-png - margin-top:-100px.

Z-INDEX: 1; LEFT: 0px; TOP: 0px; POSITION: relative; - думаю можно убрать из кода.

[Удален]
#2

Большое Вам спасибо за подсказку! ;о)

Bdiang
На сайте с 19.07.2006
Offline
102
Bdiang
#3

А так еще проще 

<img src="image1.jpg" style="background-image: url(image2.jpg);" />

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий