То ли я дурак, то ли лыжи не едут... Как с помощью css сделать изображение ссылку? И как при наведении на нее мышкой (a:hover) сделать, чтобы она подменялась другой картинкой? Думал это легко будет сделать, но что то никак не получается.

@inso, Создаешь див с каким-то классом, и к нему пишешь CSS. Для name_class:hover ставишь для background другую картинку.
А див, естественно, во внутрь ссылки.
Либо для тега а класс и от него плясать

@Sven,
Лыжи наверное едут, а вот я похоже дурак. Не получается у меня.

<td border="0" height="66" width="115">
<a href="сайт.ru/index.php"><div class="main_menu_1"></div>
</a>
</td>

.main_menu_1
{
height: 66px;
width: 115px;
background-repeat: no-repeat;
background-image: url(images2/main_menu/main.png);
}
.main_menu_1 a:link
{
background-image: url(images2/main_menu/main.png);
}
.main_menu_1 a:visited
{
background-image: url(images2/main_menu/main.png);
}
.main_menu_1 a:hover
{
background-image: url(images2/main_menu/main_hover.png);
}

При наведении мышки изображение не изменяется. Подскажите пожалуйста где ошибка.

Originally Posted by Sven

Либо для тега а класс и от него плясать

С этим тоже не получается.

<td border="0" height="66" width="115">
<a href="сайт.ru/index.php" class="main_menu_1">
</a>
</td>

Класс же внутри тега а, вот и не получается.

Нужно так
.main_menu_1:hover

@Sven, Так? А в шаблоне куда? Вроде все варианты перепробовал уже... Либо вообще пусто, либо не подсвечивается все равно

a.main_menu_1:link
{
background-image: url(images2/main_menu/main.png);
}
a.main_menu_1:visited
{
background-image: url(images2/main_menu/main.png);
}
a.main_menu_1:hover
{
background-image: url(images2/main_menu/main_hover.png);
}

Без а
Для дива нужно указывать высоту и ширину.

@inso, так попробуй

.main_menu_1:link
{
background-image: url(images2/main_menu/main.png);
}
.main_menu_1:visited
{
background-image: url(images2/main_menu/main.png);
}
.main_menu_1:hover
{
background-image: url(images2/main_menu/main_hover.png);
}

@Ярик, @Sven, теперь получилось, спасибо большое