Вобщем задачка такая:

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

 

делаю так:

.im:link, .im:visited, .im:active {
text-decoration: none;
border: 1px solid #888888;
display:block;
}
.im:hover {
border: 1px solid #ff0000;
}

<table border="0" cellpadding="0" cellspacing="0"><td><a class="im" href="#" target="_blank"><img src="r_m.jpg" width="444" height="185" border="0"></a>
       </td></table>

 

но каждый раз таблицы создавать, надоело, подскажите выход из ситуации.

 

[offtop] https://academ.club/html/emoticons/cbs_zz.gif чета аж неделю никто ниче сюда не писал... странно...

Не понял, зачем таблица? :)

<style type="text/css">
.links a img {
 border: 1px solid #f00;
}
.links a:hover img  {
 border: 1px solid #0f0;
}
</style>

<div class="links">
<a href="#"><img src="link1.png" /></a>
<a href="#"><img src="link2.png" /></a>
</div>

таблица была для того чтоб ограничить рамку.

Поясняю: если использовать display:block; то рамка растягивлась по ширине, таблицей мы ограничивали растяжение. если убрать display:block; то рамка становилась высотой в одну строчку.

 

Спасибо, щас попробую.

сенкс! все работает на УРА!