Autor Zpráva
RPG
Profil
#1 · Zasláno: 8. 4. 2006, 11:06:50
Odpovědět Citovat
Nazdar.
Potřeboval bych pomoci se zápisem.

Chtěl bych nadefinovat a:hover; obrázku, který je zároveň odkazem a je umístěn v <div> s třídou.
Zápis ".galerie img a:hover" samozřejmě nefunguje.

Prosím, poraďte, jak se to zapisuje?
Timy
Profil
#2 · Zasláno: 8. 4. 2006, 11:09:13
Odpovědět Citovat
RPG
Co tohle?
.galerie a:hover img{}
RPG
Profil
#3 · Zasláno: 8. 4. 2006, 11:18:49
Odpovědět Citovat
Timy
Ne-e, taky nefunguje :-(.

.galerie img {border:1px solid #fff;}
.galerie a:hover img{border:1px solid #fff} -> Tento řádek nefunguje, nevím, jak to zapsat.

Samozřejmě by to šlo vyřešit pomocí img:hover, ale to by nefungovalo v IE. Tak mě napadlo, že když je vlastně obrázek odkazem, mělo by to jít takhle...
... což nevím jak zapsat :-).
Timy
Profil
#4 · Zasláno: 8. 4. 2006, 11:28:21
Odpovědět Citovat
RPG
.galerie img {border:1px solid #fff;}
.galerie a:hover img{border:1px solid #fff}

ty dvě definice mi přijdou na chlup stejné :-)
esemeska
Profil
#5 · Zasláno: 8. 4. 2006, 11:30:02
Odpovědět Citovat
tak normalne napis .galerie a:hover{blablal}
a u odkazu ....<a href="#" class="galerie"><img src=.......></a>
RPG
Profil
#6 · Zasláno: 8. 4. 2006, 11:36:26
Odpovědět Citovat
Timy
Mě šlo prostě o to, aby měl obrázek (odkaz) v třídě .galerie border, který se při hoveru změní :-).

esemeska
Čekal jsem, že to někdo navrhne :-). U velké galerie by bylo obtížné definovat to u každého obrázku, proto jsem to chtěl zapsat obecně.
Mimochodem, stejně to nefunguje :-).
J
Profil *
#7 · Zasláno: 8. 4. 2006, 11:41:57
Odpovědět Citovat
Mně funguje tohle - jestli Vám to pomůže:

a.mmm { padding: 4px; border: solid; color: #ffffcc; border-color: #ffffcc; text-decoration: none;
width: 72px; display: block; text-align: center; }
a.mmm:hover {background: #E99623; text-decoration: none; }


<div><A class="mmm" HREF="http://....html"><IMG src="http://....jpg"</A></div>
RPG
Profil
#8 · Zasláno: 8. 4. 2006, 11:50:22 · Upravil/a: RPG
Odpovědět Citovat
J
Bohužel, nepomůže... Ale děkuji.

ad. Vážně nikoho nenapadá žádné řešení? Nu, vypadá to, že se půjdu učit JavaScript... :-)
habendorf
Profil
#9 · Zasláno: 9. 4. 2006, 21:39:38
Odpovědět Citovat
.galerie a img {cokoliv;}
.galerie a:hover img {cokoliv;}

musí fungovat
jozob
Profil
#10 · Zasláno: 9. 4. 2006, 22:29:56
Odpovědět Citovat
RPG
Toto musí fungovať všade... Daj to na net a hoď sem odkaz. Rád si to pozriem.
jozob
Profil
#11 · Zasláno: 9. 4. 2006, 22:36:19 · Upravil/a: jozob
Odpovědět Citovat
No... Vyzerá to tak, že pseudo-prehliadač ten druhý selektor interpretuje naozaj zle. Ani sa nedivím.
Dero
Profil
#12 · Zasláno: 9. 4. 2006, 22:57:40
Odpovědět Citovat
.galerie img {border:1px solid #fff;}
.galerie a:hover img{border:1px solid #000;}

... to je v pořádku. Pro IE je však třeba ještě definovat výchozí vlastnosti pro a:hover.

Stačí, když přidáš třeba:

a:hover { margin: 0; }

... můžeš použít jakoukoliv vlastnost. IE si prostě ten a:hover musí "inicializovat" než jej použije v jakékoliv vazbě na strukturu dokumentu.
habendorf
Profil
#13 · Zasláno: 9. 4. 2006, 23:44:28
Odpovědět Citovat
Stačí, když přidáš třeba:

a:hover { margin: 0; }

... můžeš použít jakoukoliv vlastnost.

Přesně tak, já třeba používám visibility:visible;
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0