Autor Zpráva
wiku
Profil *
Mám na stránce vloženo několik obrázků které fungují jako odkazy.Potřebuji aby když na některý z nich najedu myší,aby se okolo něho zobrazil barevný rámeček.
Dero
Profil
Máš to děláno takto:

<a href="..."><img src="..." alt="..." /></a>

?


V tom případě by mělo v CSS stačit:

a:hover img { border: 2px solid green; } /* hodnoty si uprav */
habendorf
Profil
To je špatné řešení, protože

1) obrázek se bude "cukat"
2) takto to nepůjde v IE
Dero
Profil
1) omlouvám se, nedošlo mi, že rámeček vyskočí z ničeho. Takže asi jedině:

a img { margin: 2px; border-style: none; }
a:hover img { margin: 0; border: 2px solid green; }


2) Mám na jazyku "Ale to je problém IE" ... ale chápu, že to činí moje řešení nepoužitelným.
habendorf
Profil
Pro IE je třeba zadat nějakou akci pro a:hover. Nějakou neškodnou, která nic nemění. Takže komplet řešení je třeba:

a img {margin: 2px; border-style: none;}
a:hover {visibility: visible;}
a:hover img {margin: 0; border: 2px solid green;}
wiku
Profil *
A šlo by udělat aby ten rámeček měl zaoblený rohy?
Jinak moc děkuju za předchozí odpovědi.
Timy
Profil
wiku
nešlo
respektive to je only FF nebo přes obrázky - zbytečně složité
Dero
Profil
habendorf: Díky, tohleto jsem neznal (možná proto, že mě nikdy nenapadlo rámečkovat obrázek - grafické odkazy vůbec nemusím; stejně tak IE). Rád jsem se i já přiučil. :o)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0