Как сделать ссылку на картинку в css?

[golos81]

Как сделать ссылку на картинку в css?

В коде html страницы есть конструкция вида
<td id="clock"></td>

id="clock" это
#clock {background:url(img/clock.gif) no-repeat left 0; width:125px; padding:0px 0px 0px 20px; height:130px}

Мне надо сделать картинку часов clock.gif ссылкой, но поскольку она прописана через css, то в коде страницы есть только <td id="clock"></td> и картинку часов ссылкой сделать не могу.

Есть какие-то решения как сделать картинку часов ссылкой не "вынимая" картику из css или возможен вариант только когда картинку убирать из css файла и вставлять <img ...> в html страницу?

 

[kruglov]

CSS это стили. А не функциональность.
Адрес ссылки в CSS прописывать нельзя.

 

[golos81]

Т.е. если я правильно понял, единственное правильное решение, это "выносить" картинку из css в html код страницы?

-~{}~ 10.06.06 22:28:

Кто-нибудь может компетентно ответить?

 

[BlackSabbath]

<td id="clock"></td>
<script for="clock" event="onclick()" type="text/javascript">
<!--
location.href = 'http://www.google.com';
//-->
</script>

Или

<td><a href="http://www.google.com/"><div id="clock"></div></a></td>

или ещё куча вариантов.
Вот только зачем?!

 

[SelenIT]

golos81
Картинку можно не выносить, ссылку выносить надо. Например:

<td id="clock"><a href="http://www.google.com/">&amp;nbsp;</a></td>
...
#clock [b]A[/b] {
   display:block; background:url(img/clock.gif) no-repeat left 0; width:125px; padding:0px 0px 0px 20px; height:130px
}

В принципе, можно заменить ссылку яваскриптом:

<td id="clock" onclick="self.location = 'http://www.google.com'"></td>

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

BlackSabbath
Чисто для справки: твой первый вариант - IE-only и устарел, второй не пройдет валидацию.