rameček obrázku

img {border: 2px solid red;}

img:hover {border: 2px solid blue;}

IE to neumí, pro něj by to musel být obrázek jako odkaz

<a><img /></a>

V tom případě:

a img {border: 2px solid red;}

a:hover img {border: 2px solid blue;}

mam ramečky všechny stenou barvou, ale když se miší dostanu na ten obrazek barvu rameček nezmění.
Nefunguje to v Internet Exploreru, postrachu webdesingerů.

A pak mám ještě jeden problém, co mám napsat když chci aby tohle měli puze nějaké obrázky?

Styl:
img.nekteryobrazek {border: 2px solid red;}
img.nekteryobrazek:hover {border: 2px solid blue;}

HTML zápis:
<img src="obrazek" class="nekteryobrazek" alt="neco" />

za předpokladu, že budou všechny obrázky stejně velké (nebo alespoň stejně široké), můžeš použít tohle:

<style>
img {border:none;}
a.tomas {border: 5px solid red; display:block; width:šířka_obrázku;}
a.tomas:hover {border: 5px solid yellow;}
</style>
<a href="#" class="tomas"><img src="photo14.jpg"></a>

bez toho display:block; width:šířka_obrázku; mi to fungovalo pouze v MSIE, nevím proč

navic nevim co mam napsat do alt -- alt je alternativní text, takže když máš třeba obrázek domu vedle jezera, tak tam napíšeš <img src="dum.jpg" alt="dům vedle jezera">

<style>
img {border:none;}
.tomas a {border: 5px solid red; display:block; width:šířka_obrázku;}
.tomas a:hover {border: 5px solid yellow;}
</style>
<div class="tomas">
<a href="x"><img src="photo14.jpg"></a>
<a href="x"><img src="photo15.jpg"></a>
<a href="x"><img src="photo16.jpg"></a>
<a href="x"><img src="photo17.jpg"></a>
</div>