Fly`есть же принцип у веб-программистов : не смешивать верстку с программингом. Не красиво это :-)
Похоже ты немного исказил "принцип веб-программистов"... Т.е. отделение ХТМЛ-разметки от ее внешнего представления браузерами. Поскольку последнее можно вынести в ЦСС.
А вот "программинг" или указание обработчиков событий никуда не денешь... Можно например свести все к строке вида
<td id="td1-1" class=empt onmousedown="tdmousedown()" onmouseup="tdmouseup()" onmouseover="tdmouseover()" onmouseout="tdmouseout()"></td>
поскольку внутри этих функций можно будет использовать ссылку на текущую ячейку (this).
А такая конструкция
<td id="td1-1" class='empt' ></td>
поможет только во внешнем представлении ячейки.
Как вариант можно попробовать "заменить" события onmouseover и onmouseout на lbyfvbxtcrbq псевдо класс
hover , если ты эти события используешь только для изменения внешнего представления ячеек.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<html>
<head>
<title> Попробуем </title>
<style type='text/css'>
td {
width: 100px;
height: 20px;
border: 1px solid;
}
td:hover {
background-color: blue;
}
</style>
</head>
<body>
<table border='0'>
<tr>
<td><br />
</td>
<td><br />
</td>
<td><br />
</td>
</tr>
</table>
</body>
</html>
Правда такое не работает в ИЕ6 например...
