Autor Zpráva
qetinka
Profil
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
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
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
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
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>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: