Таблица

[SenkOne]

Здравствуйте,форумчане!

На днях я сделал горизонтальное меню через таблицу.

В ячейки я добавил картинки и получилось вот что:

Как убрать отступы между ячеек?Вот моя таблица:

<table class="menu" cellspacing="0" cellpadding="0">
<tr>
<td><a class="menu_main" title="Главная страница" href="/"></a></td>
<td><a class="menu_popular" title="Популярное" href="#"></a></td>
<td><a class="menu_allgames" title="Все игры" href="#"></a></td>
<td><a class="menu_gallery" title="Галерея" href="#"></a></td>
<td><a class="menu_forum" title="Форум" href="/forum"></a></td>
</tr>
</table>

[Softlink]

CSS показывайте. Или ссылку, или выложите на фиддл рабочий пример.

[SenkOne]

table.menu {
margin-left: 100px;
margin-right: 100px;
 }

a.menu_main {
display: block;
text-align: right;
width: 208px;
height: 79px;
background: url(/menu/Menu_03.png) no-repeat;}

a.menu_main:hover {
display: block;
text-align:right;
width: 208px;
height: 79px;
background: url(/profil/Menu_03.png) no-repeat; }

a.menu_forum {
display: block;
text-align:right;
width: 208px;
height: 79px;
background: url(/menu/Menu_07.png) no-repeat;}

a.menu_forum:hover {
display: block;
text-align:right;
width: 208px;
height: 79px;
background: url(/profil/Menu_07.png) no-repeat;}

a.menu_popular {
display: block;
text-align:right;
width: 208px;
height: 79px;
background: url(/menu/Menu_04.png) no-repeat;}

a.menu_popular:hover {
display: block;
text-align:right;
width: 208px;
height: 79px;
background: url(/profil/Menu_04.png) no-repeat;}

a.menu_allgames {
display: block;
text-align:right;
width: 208px;
height: 79px;
background: url(/menu/Menu_05.png) no-repeat;}

a.menu_allgames:hover {
display: block;
text-align:right;
width: 208px;
height: 79px;
background: url(/profil/Menu_05.png) no-repeat;}

a.menu_gallery {
display: block;
text-align:right;
width: 208px;
height: 79px;
background: url(/menu/Menu_06.png) no-repeat;}

a.menu_gallery:hover {
display: block;
text-align:right;
width: 208px;
height: 79px;
background: url(/profil/Menu_06.png) no-repeat;}

[Softlink]

Либо вы чего-то не выложили, либо дело в картинках. Сейчас с вашими стилями нет никаких отступов - http://jsfiddle.net/Rhwkb/

[SenkOne]

Суть в том что раньше всё было хорошо,когда было без :hover,а просто в таблице.

Потом я сделал эту таблицу и теперь между ними можно увидеть отступ в 1-2 пиксела.

Чтобы это было незаметно,может быть добавить бакграунд ячейки без кнопок?

[Softlink]

Суть в том что раньше всё было хорошо,когда было без :hover,а просто в таблице.

Потом я сделал эту таблицу и теперь между ними можно увидеть отступ в 1-2 пиксела.

Чтобы это было незаметно,может быть добавить бакграунд ячейки без кнопок?

Я не понимаю, ведь привел же пример. Там нет никаких отступов, а стили ваши, я ничего не менял кроме картинки. Посему дело либо в картинке, либо для таблицы где-то есть еще стили. Давайте ссылку на страницу и будем смотреть.

[SenkOne]

Вот сайт

[Softlink]

Вот сайт

У вас картинки по 207 пикселей однако, а в css вы выставляете 208.

[SenkOne]

Спасибо большое! Всё работает!!!

Уиииии

[Softlink]

Спасибо большое! Всё работает!!!

Уиииии

А то! Пожалуйста.

Говорил же, что дело в картинке. И, да, у вас очень много кода в ксс для этого меню. Его можно уменьшить в два раза - это точно.

[SenkOne]

Как?