Autor Zpráva
Marucs
Profil
Zdravím,

dělám v HTML 5 a CSS 3 a mám navigaci odkazů a chtěl bych aby po najetí myší byly aktivní + aby se změnil obrázek. Poté bych ještě chtěl vedle rolovací menu, ale k tomu jsem se ještě nedostal. Nyní mám ten problém, že si v HTML nastavím vše potřebné u toho tlačítka. ID="tlacitko", odkaz, a adresu obrázku. A v CSS souboru dám #tlacitko:hover { url }, ale ten druhý obrázek (který má být místo prvního) se neobjeví místo toho prvního, nýbrž v mezeře pod 1. a 2. odkazem.

Vím, že to jde přes JS s funkcí mouseover, ale to tam teď nechci zakomponovávat, ale chci to zatím udělat jen čistě HTML+CSS.

Jde to nějak?
Díky
pharaon.jh
Profil
já jsem to dělal takto
<a href="stránka s odkazem"><img src="obrázek neaktivní" onmouseover="this.src='změna obrázek po najetí myši';"  onmouseout="this.src='obrázek neaktivní';"></a><br>
Marucs
Profil
Ano, to jsem psal v poslední větě, že to takto udělat nechci :)
Bubák
Profil
http://teststranek.kvalitne.cz/blend-hover-01/
Pokud nepožaduješ postupnou změnu (která takto udělaná nefunguje ve všech prohlížečích), tak stačí vyhodit deklaraci transition. Též můžeš namísto opacity měnit visibility.

Klasika je měnit obrázkové pozadí takto:
http://teststranek.kvalitne.cz/css-rollover/

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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