Менюшка

[xxx_ToXiC_xxx]

Есть менюшка. Смотрите прикрепленный файл! Если курсор наведен на область с текстом - то ссылка работает, если сдвинуть чуть правее где текста нет - то ссылка не работает! Как можно это исправить?

[KidsKilla]

.menu A{display:block;}

и вэлкам дабассерам =))

[xxx_ToXiC_xxx]

Сэнкс за вэлкам!!! =)

Но что-то не пашет:

у меня вот такая вещь:

<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;
}

И почему-то не работает...

[CAM]

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

Сэнкс за вэлкам!!! =)

Но что-то не пашет:

у меня вот такая вещь:

<ul>
<li><a href="#">Главная</a></il>
<li><a href="#">Новости</a></li>
<li<a href="#">dnb Радио</a></li>
<li><a href="#">dnb ТВ</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">IRC Чат</a></li>
<li><a href="#">Магазин</a></li>
<li><a href="#">Мобильный</a></li>
<li><a href="#">Медиа Архив</a></li>
</ul>


А в прикрепленном CSS:

/******* leftMenu styles *******/

li {
margin:0;
padding: 0;
border: 1px solid #b0c4de;
}

a {
background: #708090;
color: #FFF;
text-decoration: none;
margin: 0;
padding: 2px 5px;
display: block;
border: 1px solid #b0c4de;
}


li a {background: #aab7c3;}

}

li a:hover {
background-color: #000;
color: #f60;
}

И почему-то не работает...

И почему-то не работает?

[CAM]

незабудь
ul {list-style: none;}