Вот 1ый вопрос, очень актуальный: [css] table.style1 { border: 1 solid #000; } table.style1:hover { border: 1 solid #EEE; } [/css] В лисичке прекрасно работает, в IE7 при наведении на таблицу ничег оен происходит, впринципе как и совсеми тегами кроме самих линков (a:hover). Как такое можно поправить? 2ой вопрос. Знаю есть суффикс в теге <img> который до загрузки картинки ставит дефоултный прелоад, как такое организоват ьна все картинки без прописания этото суффикса?
В CSS2 псевдокласс :hover может быть применен не только к ссылке, но и к любому другому элементу. о, к сожалению, IE не поддерживает эту возможность. Поэтому поступаем так - пишем в стилях: HTML: td { /* работает в IE4+ */ td {...styles...; behavior:url('td.htc'); } /* стандарт CSS2, работает в NN6/Mozilla */ td:hover { background-color:#RRGGBB; } И создаем файл td.htc, в котором пишем: HTML: <public:attach event="onmouseover" onevent="color()"/> <public:attach event="onmouseout" onevent="restore()"/> <script language="JavaScript" type="text/javascript"> <!-- function color() { runtimeStyle.backgroundColor='#RRGGBB'; } function restore() { runtimeStyle.backgroundColor=''; } Теперь все ячейки таблиц при наведении мышки будут подсвечиваться. Разумеется, можно использовать td.className:hover и td#idName:hover для подсветки ячеек определенного стиля или конкретной ячейки.
Если есть время и не сложно, можеш сделать простейнький United.html с примером: HTML: <table class="style1"><tr><td>Test</td></tr></table> <table class="style1"><tr><td>Test</td></tr></table> При наведении на каждую из них цвет с бордера должен меняться, а то я не сообразил с тобою напсианами фрагментами. Первое время не понимал за что программисты ненавидят IE
Дальше - хуже. Пользователи, кстати, тоже ненавидят ИЕ, только не все догадываются, что виноват именно он, и что есть другие браузеры.
HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> </head> <body> <style> td {behavior:url('td.htc');} /* работает в IE4+ */ td:hover {background-color:#RRGGBB;} /* стандарт CSS2, работает в NN6/Mozilla */ </style> <table class="style1"><tr><td>Test</td></tr></table> <table class="style1"><tr><td>Test</td></tr></table> </body> </html> И создаем файл td.htc, в котором пишем: HTML: <public:attach event="onmouseover" onevent="color()" /> <public:attach event="onmouseout" onevent="restore()" /> <script language="JavaScript" type="text/javascript"><!-- function color() { runtimeStyle.backgroundColor = '#FF0000'; } function restore() { runtimeStyle.backgroundColor = ''; } //--> </script>