Как менять фон ячеек таблицы

[Psionic Vision]

Модератор - флеймит. хе хе... ну не важно...
А по сути никто так ничего и не говорит... Ведь не сможете вы выполнить на КСС то, как я сделал меню на своем сайте http://shabash.dreamsee.ru/ ?

[RaZEr]

Я в твоем меню не увидел ничего, что бы помешало сделать его на CSS.

[Psionic Vision]

RaZEr
Но ведь меню состоит из ячеек таблицы, в которую вставлены урлы.
Ячейки таблицы ":hover" не поддерживают.

Так каким же образом можно это сделать на CSS?

[RaZEr]

Смотри выше.

Угу. Тем более td здесь не обязательны

[Psionic Vision]

Каким образом они там не обязательны? У меня там одна таблица вложена в другую. А текст меняет цвет независимо от ячейки... Как же ты хочешь это осуществить без td?
Кстати, ни на www.w3.org, ни на www.w3schools.com я ничего путного не нашел

[RaZEr]

А текст меняет цвет независимо от ячейки...

А от чего он цвет меняет как не от ячейки ?

Первоначальное сообщение от Neo
Каким образом они там не обязательны?

Твой код

<tr>
<td class="single" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/pravila.html">Правила</a></td>
</tr>
<tr>
<td class="single2" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/xron.html">Бесшабашные<br>хроники</a></td>
</tr>
<tr>
<td class="single2" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/poetry.html">Поэзия</a></td>
</tr>
<tr>
<td class="single2" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/proza.html">Проза</a></td>
</tr>
<tr>
<td class="single2" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/critics.html">Критика</a></td>
</tr>
<tr>
<td class="single2" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/zelbook.html">Зеленая тетрадь</a></td>
</tr>
<tr>
<td class="single2" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/forum/">Форум</a></td>
</tr>
<tr>
<td class="single2" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/forum/forumdisplay.php?s=&forumid=10">Гостевая</a></td>
</tr>
<tr>
<td class="single2" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/redkoll.html">Редколлегия</a></td>
</tr>
<tr>
<td class="single2" onmouseover="this.style.background='#D8D8D8';" onmouseout="this.style.background='#F4F4F4';">
<a href="http://shabash.dreamsee.ru/links.html">Ссылки</a></td>
</tr>

Мой код:

<style>
td.menu a{background: #F4F4F4; color: #000020; display: block; text-align: center; text-decoration: none;}
td.menu a:hover{background: #D8D8D8; color: #770000;}
</style>
<table>
	<tr>
		<td class="menu">
			<a href="http://shabash.dreamsee.ru/pravila.html">Правила</a>
			<a href="http://shabash.dreamsee.ru/xron.html">Бесшабашные<br>хроники</a>
			<a href="http://shabash.dreamsee.ru/poetry.html">Поэзия</a>
			<a href="http://shabash.dreamsee.ru/proza.html">Проза</a>
			<a href="http://shabash.dreamsee.ru/critics.html">Критика</a>
			<a href="http://shabash.dreamsee.ru/zelbook.html">Зеленая тетрадь</a>
			<a href="http://shabash.dreamsee.ru/forum/">Форум</a>
			<a href="http://shabash.dreamsee.ru/forum/forumdisplay.php?s=&forumid=10">Гостевая</a>
			<a href="http://shabash.dreamsee.ru/redkoll.html">Редколлегия</a>
			<a href="http://shabash.dreamsee.ru/links.html">Ссылки</a>
		</td>
	</tr>
</table>

Первоначальное сообщение от Neo
Кстати, ни на www.w3.org, ни на www.w3schools.com я ничего путного не нашел

Либо хреново искал... либо не то

[Psionic Vision]

RaZEr:
А от чего он цвет меняет как не от ячейки ?

<TD> меняет цвет от onmouseover
<A> меняет цвет от CSS - a:hover...

medved2002:
Мой код:

Но здесь цвет ячейки И текста меняется как только я навожу мышку на ячейку

В принципе можно.. Но до конца отладить вот такю хрень меня ломает

<style>
a.td{background: #F4F4F4; color: #000020; text-align: center; width:130px;border:1px solid black;}
a.aa{margin-left:-6em; width:130px;color: #000020; text-decoration: none;}
a.aa:hover{color: #770000;}
a.td:hover{background: #D8D8D8;}
</style>
<table>
	<tr>
		<td class="menu">
			<a class="td">&nbsp;</a>
			<a class="aa" href="http://shabash.dreamsee.ru/pravila.html">Правила</a><br>
			<a class="td">&nbsp;</a>
			<a class="aa" href="http://shabash.dreamsee.ru/pravila.html">Правила</a>
		</td>
	</tr>
</table>