Autor | Zpráva | ||
---|---|---|---|
qetinka Profil |
#1 · Zasláno: 25. 2. 2008, 13:02:16 · Upravil/a: qetinka
Chtěla jsem udělat obrázkové menu, ale nefunguje mi ve všech typech prohlížečů, nevíte, kde je chyba?
Někde to funguje komplet, někde se sice obrázek zobrazí, ale po přejetí myší se nezmění a jinde se nezobrazí vůbec. <div id="menu"> <li><a href="o_mne.html" onmouseover="document['o mně'].src = 'kytka_zluta.jpg';" onmouseout="document['o mně'].src = 'kytka_bila.jpg' ;"><img border="0px" src="kytka_bila.jpg" name="o mně" alt="o mně" /></a></li> <li><a href="fotogalerie.html" onmouseover="document['Fotogalerie'].src = 'kytka_zluta.jpg';" onmouseout="document['Fotogalerie'].src = 'kytka_bila.jpg' ;"><img border="0px" src="kytka_bila.jpg" name="Fotogalerie" alt="Fotogalerie" /></a></li> atd... </div> |
||
drasha Profil |
#2 · Zasláno: 25. 2. 2008, 14:43:48 · Upravil/a: drasha
spíš do sekce JavaScript...
ale řešíš to složitě..vyřešil bych to takhle: <style> .bilakytka {background-image: kytka_bila.jpg;} .zlutakytka {background-image: kytka_zluta.jpg;} </style> <ul> <li> <a href="#" class="bilakytka" onmouseover="this.className='zlutakytka' " onmouseout="this.className='bilakytka' ">O mně </a> </li> </ul> nějak takhle..teda jestli se má měnit jen pozadí za textem v menu .. |
||
Manq Profil |
#3 · Zasláno: 25. 2. 2008, 18:01:05
Pokud to může být tak, že budeš mít obrázek na pozadí v CSS, tak není důvod pro JS. Stačí :hover.
|
||
qetinka Profil |
#4 · Zasláno: 26. 2. 2008, 06:43:48
Díky, ale nějak mi to stejně nefunguje :-(
Jak by to tedy šlo s tím hover? Chtěla bych mít jeden obrázek a nějak barevný text normálně a druhý (jinak barevný) obrázek a jinak barevný text po přejetí myší. |
||
Manq Profil |
#5 · Zasláno: 26. 2. 2008, 15:13:55 · Upravil/a: Manq
Jak by to tedy šlo s tím hover?
Třeba takhle. Trochu si to pouprav, nevím jak to potřebuješ. <style> .bilakytka {background:url('kytka_bila.jpg');color:#fff;display:block;width:50px; padding:10px 0;} .bilakytka:hover {background:url('kytka_zluta.jpg');color:#000;} </style> <a href="#" class="bilakytka" title="o mně">O mně </a> |
||
Časová prodleva: 16 let
|
0