Сделать часть картинки ссылкой

[leny1984]

Доброго времени суток, уважаемые форумчане и программисты!

У меня такая проблема, на сайте есть хедер, в фотошопе дополнил его красивым заголовком, теперь нужно это изменение сделать ссылкой. То есть чтобы отдельная часть картинки была ссылкой.

В исходном коде страницы картинка выводится вот так:

<div id="block-header"><div>

А вот css:

#block-header { background: url(../../images/header/rust/header_destroyed2.png) 50% 0 no-repeat; position: relative; z-index: 999; }

Подскажите, пожалуйста, как сделать часть этой картинки ссылкой, ну или для начала хотя бы всю картинку ссылкой.

Заранее очень благодарен!

[SelenIT]

Проще всего вставить внутрь этого блока обычную ссылку, сделать ей display: block с размерами нужной области и спозиционировать абсолютно в нужное место. А чтобы текст ссылки не мешал, можно, например, сделать ее полностью прозрачной (opacity: 0 + фильтр для старых IE).

Можно поучиться у Стью Николлза, он некогда не одну @-у съел на таких эффектах

[leny1984]

Проще всего вставить внутрь этого блока обычную ссылку, сделать ей display: block с размерами нужной области и спозиционировать абсолютно в нужное место. А чтобы текст ссылки не мешал, можно, например, сделать ее полностью прозрачной (opacity: 0 + фильтр для старых IE).

Можно поучиться у Стью Николлза, он некогда не одну @-у съел на таких эффектах

Спасибо, а можно пример?

[leny1984]

Спасибо, все получилось.