Если возникает задача размещения изображения поверх текста, то в этом вам поможет, уже изученная, обыкновенная таблица.
Надо создать таблицу, состоящую из одной строки и одного столбца. Чтобы удалить обрамление и свободные участки между ячейкой и границей таблицы, надо атрибутам BORDER CELLPADDING CELLSPACING присвоить нулевые значения. Атрибутами WIDTH HEIGHT надо "подогнать" размеры таблицы под размер изображения.
Вот и все. Пример смотрите ниже.
Пример:
| HTML-код:
<table border="0" cellpadding="0" cellspacing="0" background="img/tigr.jpg" height="41" width="50"><tr><td>
Это тигр
</td></tr></table>
| Отображение в браузере:
|
Создание всплывающих подсказок
Для создания всплывающих подсказок служит атрибут TITLE. Этот атрибут можно применять в контексте многих тэгов. Например, если применить этот атрибут в теле дескриптора гиперссылки <A>, то при наведении курсора на данную гиперссылку, пользователю будет показан текст, набранный в атрибуте TITLE.
Если в графическом изображении был использован атрибут ALT, то пользоваться TITLE вовсе не обязательно, т.к. в этом случае пользователю показывается данные атрибута ALT.
