Форум АНТИЧАТ - Показать сообщение отдельно

Цитата:

Сообщение от groundhog

Достаточно засунуть элементы меню в SPAN или DIV и уже к ним применить JS-код, который будет заменять в элементе *.style.bgColor при событии onmouseover/onmouseout.

+1

Например:

PHP код:


		
			
<table width="100" border="0" align="center" cellpadding="2" cellspacing="1" style="border:1px solid #666666;">

<tr>     

<td align="center" bgcolor="#001E32" onmouseover="this.style.backgroundColor='#FFFFFF';" onmouseout="this.style.backgroundColor='#001E32'"><a href="/">HOME</a></td>

</tr>

</table>

А как у них если то:
CSS:

PHP код:


		
			
/* Categories */

.Cats { width:190px; }

.Cats th    { text-align:left; color:#000000; padding:20 0 10 20; font-size:11px; font-weight:bold; background-color:#f8f8f8;}

.Cats td    { line-height:27px; padding: 0 10 0 10; background-color:#f8f8f8;}

.Cats img#cimg { vertical-align:middle; margin:10 10 10 3; }

.Cats div#box { background-color:#ffffff; border:#f1f1f1 solid 1px; margin:10 0; }

.Cats td#addon    { width:180px; border:#f1f1f1 solid 1px; padding: 5 5 5 5; background-color:#ffffff; margin-top:15px; }

.Cats a    { float:left; color:#555555; border-top:#f5f5f5 solid 1px; padding-left:10px; font-size:11px; text-decoration:none; width:180px;}

.Cats a:hover { color:#ffffff; background-color:#81b4e9; text-decoration:none;}

.Cats a#ad    { float:left; color:#81b4e9; border:0; padding-left:10px; font-size:11px; text-decoration:none; width:100%; }

.Cats a#ad:hover { color:#ffffff; background-color:#81b4e9; text-decoration:none;}

.Cats td#info { color:#777777; font-size:9px; padding:10 10 0 20; }