Autor | Zpráva | ||
---|---|---|---|
wiku Profil * |
#1 · Zasláno: 2. 10. 2005, 10:46:10
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 |
#2 · Zasláno: 2. 10. 2005, 10:49:19
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 |
#3 · Zasláno: 2. 10. 2005, 11:06:12
To je špatné řešení, protože
1) obrázek se bude "cukat" 2) takto to nepůjde v IE |
||
Dero Profil |
#4 · Zasláno: 2. 10. 2005, 11:17:32
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 |
#5 · Zasláno: 2. 10. 2005, 11:43:56
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 * |
#6 · Zasláno: 2. 10. 2005, 12:21:19
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 |
#7 · Zasláno: 2. 10. 2005, 12:24:23 · Upravil/a: Timy
wiku
nešlo respektive to je only FF nebo přes obrázky - zbytečně složité |
||
Dero Profil |
#8 · Zasláno: 2. 10. 2005, 12:32:16
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)
|
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0