извращение на тему графических ссылок

blaize, весьма cтранно 8-о

Не знаю, почему так.

Какой там способ используется?

Пока из всех вариантов у меня работает только вариант Dreammakerа, но как-то криво. Если рядов и ячеек несколько, то при наведении мыши на любую ячейку любого ряда изменяется цвет фона у верхней левой ячейки. Может, я как-то неправильно размножила? Вот моя табличка:

<table>

<tr>

<td id="td_id" onMouseOver="document.getElementById('td_id').style.backgroundColor='red'"

onMouseOut="document.getElementById('td_id').style.backgroundColor='white'" bgcolor=white>dkldjlksjdvlksdvlksdlv</td>

<td id="td_id" onMouseOver="document.getElementById('td_id').style.backgroundColor='red'"

onMouseOut="document.getElementById('td_id').style.backgroundColor='white'" bgcolor=white>dkldjlksjdvlksdvlksdlv</td>

</tr>

<tr>

<td id="td_id" onMouseOver="document.getElementById('td_id').style.backgroundColor='red'"

onMouseOut="document.getElementById('td_id').style.backgroundColor='white'" bgcolor=white>dkldjlksjdvlksdvlksdlv</td>

<td id="td_id" onMouseOver="document.getElementById('td_id').style.backgroundColor='red'"

onMouseOut="document.getElementById('td_id').style.backgroundColor='white'" bgcolor=white>dkldjlksjdvlksdvlksdlv</td>

</tr>

</table>

blaize, если несложно, проверьте еще раз, пожалуйста. Там вообще-то все правильно изначально было, но на всякий пожарный устранил русские комментарии.

мартышон, изучите внимательно самый простой и самый правильный метод прописывания свойств в CSS. Только hover надо делать для ссылки, а не для ячейки.

Не работает. Возможно это у меня проблемы, не могу дёрнуть style.css с Вашего сайта, хотя с http://generator.cjb.cc/ получается.

Но я понял в чём ваш вариант - display: block. Возьму на вооружение. :)

У парня из-под ИЕ тоже были траблы, но никак сюда не дойдёт...

В опере из-под виндов всё ок.

Сейчас попробовала вариант Ежика в тумане, работает. Ура! Всем большое спасибо!:)

А вот интересно, можно ли в одну ссылку запихнуть графику и текст? Вот, скажем, в ежово-туманном варианте это могло бы выглядеть так:

<a id="overAndOut" href="index.html"><img src="прозрачный.gif" border="0">на главную</a>

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

мартышон, я вообще не понимаю, зачем там картинка в тексте ссылки. Сделайте ее фоном, уже третий раз прошу внимательно прочитать мое сообщение. Я для кого старался, в конце концов? :)

Наверно у вас какая-то прокся что-то режет, совершенно не понимаю, в чем дело. У меня открывается во всех браузерах, в том числе и из линуксового FF (специально проверил).

Но раз такая беда, вот код CSS, отвечающий за смену картинки при наведении курсора.

a {margin: 30px; display: block; height: 157px; width: 200px;

background: Yellow url(radioman-hover.jpg) no-repeat top left;}

	

a:hover {background-position: top right;}