Autor Zpráva
RPG
Profil
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
RPG
Co tohle?
.galerie a:hover img{}
RPG
Profil
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
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
tak normalne napis .galerie a:hover{blablal}
a u odkazu ....<a href="#" class="galerie"><img src=.......></a>
RPG
Profil
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 *
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
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
.galerie a img {cokoliv;}
.galerie a:hover img {cokoliv;}

musí fungovat
jozob
Profil
RPG
Toto musí fungovať všade... Daj to na net a hoď sem odkaz. Rád si to pozriem.
jozob
Profil
No... Vyzerá to tak, že pseudo-prehliadač ten druhý selektor interpretuje naozaj zle. Ani sa nedivím.
Dero
Profil
.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
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;
Toto téma je uzamčeno. Odpověď nelze zaslat.