Autor Zpráva
fanky
Profil
#1 · Zasláno: 24. 4. 2007, 22:28:02 · Upravil/a: fanky
Odpovědět Citovat
dneska mám nějak temno, jak na img hover? tohle mi proste nefunguje :-(

.fotovlevo a:hover img{color: #ddff99;}

<div class="ref">
<a href="http://www.fanky.cz/"><img class="fotovlevo" src="img/reference/01.gif" width="164" height="146" alt="Lubasova fotogalerie"></a>
</div>

zkoušel jsem i
.ref .fotovlevo a:hover img{color: #ddff99;}

ale nejde, ještě se chci zeptat, lze krom javascriptu donutit k a:hover img i IE? nějak ho popíchnout, aby si ho nejdřív inicializoval, či tak něco?
Casero
Profil
#2 · Zasláno: 24. 4. 2007, 22:43:19
Odpovědět Citovat
fanky
Stačí tam přidat něco jak display:block; nebo visibility:visible;
fanky
Profil
#3 · Zasláno: 24. 4. 2007, 22:50:32
Odpovědět Citovat
Casero

bohužel nefunguje
Casero
Profil
#4 · Zasláno: 24. 4. 2007, 22:51:25
Odpovědět Citovat
fanky
Je potřeba nadefinovat "čistý" a:hover.

Např:

a:hover { visibility: visible; }

Napsal Dero.
Miloš
Profil
#5 · Zasláno: 24. 4. 2007, 23:05:55
Odpovědět Citovat
Špatně zapsaný stylopis – toto:
.fotovlevo a:hover img{color: #ddff99;}
by se týkalo nějakého obrázku (img), který je v <a href> ve stavu hover a konečně toto <a href> se musí nacházet v nějakém prvku, který má třídu fotovlevo, tedy html konstrukce:
<p class="fotovlevo"><a href…><img src=…></a></p>

Tvému HTML zápisu:
<div class="ref"> <a href="http://www.fanky.cz/"><img class="fotovlevo" … ></a> </div>
by odpovídal takovýto CSS selektor:
.ref a:hover img.fotovlevo
Miloš
Profil
#6 · Zasláno: 24. 4. 2007, 23:07:03
Odpovědět Citovat
A krom toho – vlastnost color je barva textu; nevím, jak to chceš aplikovat na obrázek.
fanky
Profil
#7 · Zasláno: 25. 4. 2007, 07:38:50
Odpovědět Citovat
Miloš
díky moc, s tím color jsem byl nějak mimo ;-)
fanky
Profil
#8 · Zasláno: 25. 4. 2007, 08:14:34
Odpovědět Citovat
ještě jedna otázka, jde přeměnit vůbec obrázek efektem hoverem (dalším obrázkem), kdyz je do HTML přidanej jako img scr ? myslím tím bez javascriptu? asi těžko, co?
Bubák
Profil
#9 · Zasláno: 25. 4. 2007, 09:26:29
Odpovědět Citovat
Jde to:
http://stuff.1-webdesign.cz/text-indent.html
fanky
Profil
#10 · Zasláno: 25. 4. 2007, 09:42:58
Odpovědět Citovat
Bubák

díky moc
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0