css a rámečky kolem obrázků s odkazy

Ahoj,
pokouším se udělat rámečky okolo obrázků. Viděl jsem to dělané přes javascript, ale css mi připadá univerzálnější.
Moje představa je, že obrázky budou standardně bez rámečku, ten se zobrazí až po najetí myší.
Rámeček se mi ale zobrazuje jen v dolní části obrázku a asi na 10% levé a pravé strany (tam navíc nějak odsazený) a nahoře vůbec.

a:link{ }
a:visited { }
a:hover { border-style: dotted; border-color: black; border-width: 1px}
a:active { }

Díky

To odsazení má proto, že tam ještě máš tu bílou, když to ořízneš bude to dobře, ale proč ten rámeček neni celej, nevim :-/

Skus třeba

img:hover {border: 1px dotted black}

nebo

img.a:hover {border: 1px dotted black}

... ale to zpíš bude fungovat stejně, alebo vůbec...

U odkazu <a> musíš nastavit display:block a příslušné width a height, imho.

:-/ no to vlastně asi bude tim nooo...

Jde to. Jednoduché řešení (hoveru se jenom nastaví rámeček) fachčí v IE, ale ne v Mozille, protože ta odkaz správně vykresluje jako řádkový element.

Řešením je buď odkazu nastavit display:block a šířku obrázku, nebo display:block a float:right či float:left. U floatů pak bude nejspíš potřeba ošetřit zbytek stránky ještě vlastností clear.

<a href="#">
<img src="http://i.wz.cz/wz/images/logo.gif"
alt="WZ"></a>


a img {border:0;}
a {display:block; width:272px;}
a:hover {border:2px solid black;}

nebo

a img {border:0;}
a {display:block; float:left;}
a:hover {border:2px solid black;}

Když obrázek chvíli má a chvíli zase nemá rámeček, tak při nájezdech myší nepěkně poskakuje. To se dá odstranit buď relativním pozicováním nenajetého odkazu o šířku rámečku, nebo nastavením stejného, ale neviditelného (v barvě pozadí) rámečku nenajetému odkazu.

No jo, trochu komplexnější popis problému. Holt Freya :)

Bezva, už mi to funguje. Všem díky a Freyovi obzvlášť!

Freye, prosím ;-)

Jéje, promiň, netušil jsem

Jé už je tu i Honza II. To je milé... proč by ne... Karel byl taky IV. jsem zvědavej kdy tady bude Honza 8956231