Сэнкс за вэлкам!!! =)
Но что-то не пашет:
у меня вот такая вещь:
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td>
<a href="#" class="leftMenu">Главная</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Новости</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">dnb Радио</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">dnb ТВ</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Форум</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">IRC Чат</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Магазин</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Мобильный</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="leftMenu">Медиа Архив</a>
</td>
</tr>
</table>
А в прикрепленном CSS:
/******* leftMenu styles *******/
td.leftMenu {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}
a.leftMenuHeader {
background-color: #708090;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}
a.leftMenuHeader:visited {
background-color: #708090;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}
a.leftMenuHeader:hover {
background-color: #708090;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
color: #FFFFFF
}
a.leftMenu {
background-color: #AAB7C3;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}
a.leftMenu:visited {
background-color: #AAB7C3;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
border-left: 1px solid #B0C4DE;
border-right: 1px solid #B0C4DE;
border-top: 1px solid #B0C4DE;
border-bottom: 1px solid #B0C4DE;
}
a.leftMenu:hover {
background-color: #000000;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 2px 5px;
display: block;
color: #FF6600;
}
И почему-то не работает...