Image and text

Xaljava · 23 янв 2007, 16:06

Как наложить текст поверх картинки?

<html>
    <body>
        <table  border="1">
        <tr>
            <td>
                <div style="position:relative; z-index:3;">
                    <img src="my_photo.jpg" />                
                </div>
                <div style="position:relative; top: -2em; font-size:24px; z-index:4">A</div> 
            </td>
        </tr>
        </table>
    </body>
</html>

В данном варианте снизу появляется место для ДИВ...

Duncon · 23 янв 2007, 20:06

Посмотри работу со слоями (Layers), там позицию задаешь и выводишь что надо, а вообще php в этом плане удобнее...

__Yuri__ · 24 янв 2007, 09:15

Самое красивое решение - поставить картинку фоном - CSS щас позволяет задавать много атрибутов для фоновой картинки:
background-image: url(my_photo.jpg); background-repeat: no-repeat; background-position: center;

Xaljava · 24 янв 2007, 17:07

Спасибо за ответы, проблему решил с помощью margin & position:relative.

Да, согласен, везде где можно - лучше gd пользовать.