hover

img {border:1px solid #fff}
img:hover {border:1px solid #000}

Z bílé se změní na černou.

No tohle řešení nebude funkční v IE. Tam by obrázek musel být odkazem.

a:hover img {border:1px solid #000;}

<img src="...obrazok..." style="border: solid 5px #000" onmouseover="this.style.border='solid 5px #DDF'" onmouseout="this.style.border='solid 5px #000'">

jany
"Da sa to este vyriesit nejakym inym sposobom v css?"
Nie.

V tom případě bude nejlepší .htc.

jany
HTC viz
www.volny.cz/peter.mlich/Pr/menuedul.htm
V podstate to funguje tak, ze mas
1 soubor neco.htc
2 soubor CSS do ktereho pridas 1 kraticky radecek
a mas to hotovy.
Pak uz muzes pouzit v exploreru :hover na jakykoli prvek, jako v mozille.

jozob
jany
"Da sa to este vyriesit nejakym inym sposobom v css?"
Nie.

:)))))))
Ano, lze to vyresit i CSS, ale nedela se to.
http://www.volny.cz/peter.mlich/www.htm#mssub21
- rozbalovaci menu ciste CSS

jany
Jestli predpokladam spravne a border obrazku ma nejaky duvor, tak mas kaskadu
<A> <IMG> </A>
Tim padem je reseni jednoduche, viz
habendorf (nikoli slozite HTC + RPG)

Hover je totiz u IE definovany jen a pouze pro A, takze
a img {border:1px solid #f00;}
a:hover img {border:1px solid #00f;}
si myslim vyresi ten problem.

peta
Ano, lze to vyresit i CSS, ale nedela se to.
http://www.volny.cz/peter.mlich/www.htm#mssub21
A můžu vědět, na kterém z tamějších zmatených odkazů se to menu nakonec nachází?

peta
Aj ja sa schuti zasmejem. :-DDDDD. Ďakujem za pozornosť.
On sa pýtal na iné riešenie, okrem dvoch prvých uvedených. Pochopil som to tak, že nechel dopĺňať žiaden HTML kód, chcel čisté CSS riešenie. A to bez úpravy HTML kódu neexistuje.

co je to .htc. ????

Zagooglil som a na prvom mieste bolo toto:

http://www.xs4all.nl/~peterned/csshover.html

Nejjednodušší by bylo uspořádat kampaň na odstranění IE... :-)

jany

ja zase nie som nejaký skriptovací guru, a ani tento efekt nezháňam, a ani som ho nikde nepoužil, ale skúsil by som si z tejto stránky stiahnuť najnovšiu verziu tohoto efektu:

http://users.hszk.bme.hu/~hj130/css/list_menu/hover/

a nejaká "nápoveda" je tu:

http://users.hszk.bme.hu/~hj130/css/list_menu/hover/simple_test.html

co je to .htc. ????
No, ale niekto a napr. aj ja neviem po anglicky

Ono je taky potřeba se trochu snažit a ne si nechat všechno prostě jenom naservírovat.

Třeba http://maciweb.net/blog/web/clanek.php?clanek=61

Timy "A můžu vědět, na kterém z tamějších zmatených odkazů se to menu nakonec nachází?"
- peta Zasláno: 22.2.2006 18:57:31
To tam je snad napsane, ne? Uplne posledni text. Mimochodem, i na intervalu to je. Samozrejme je to nevyhodne, protoze se tam nabaluje 2x tolik kodu, ale je to ciste CSS.

jozob
Ja se take schuti zasmeji :)))
U HTC nemusis upravovat HTML, u Expression nemus upravovat HTML. Takze mi ted neni uplne jasne, co tim chtel pan B rici :) Dalsi takove silne reci jako tehda v prace a zakazky? :)

jany
Jestli jsi to ty, co mi psal na mail, tak na te strance s generetorem menu je dole tlacitko WWW a to vygeneruje primo WWW stranku, kde to u HTC prida 1 jediny radek do CSS a ten je uplne prvni. Ke strance musis nahrat soubor csshover.htc, jinak ti to fungovat nebude.

Druhe reseni je to expression, viz volby u tlacitka WWW a to zas doplni asi 5 radku do CSS.

Obe 2 reseni jsou zalozene na JS, protoze to jinak v IE nelze udelat

jany jozob
http://www.volny.cz/peter.mlich/www.htm#msub6
# * interval.cz JS v CSS jako HTC
# * www.quirksmode.org JS v CSS
# liuco.blogchina.com JS v CSS jako expression ZOOM
# www.janbrasna.com JS v CSS jako expression, hover

peta
Čítaj príspevky poriadne. Thx

jany
www.volny.cz/peter.mlich/Pr/menuedul.htm
- pokud vim, tak tam je odkaz na HTC (viz bojars - http://www.xs4all.nl/~peterned/csshover.html )

Do toho HTC se nikde nic nedopisuje!!!!
Vsimni si v tom menu, jaky kod to vygeneruje. Ten generator NIC!!! v htccku neprepisuje. Ten jen a pouze udela window.open() a vepise do nej nejaky obsah.

Samozrejme proti vlastnimu HTC nic nemam, ale nechtej po mne, abych ti to kontroloval, proc ti to nefunguje. Protoze ja to HTC nepsal ani nezkoumal, beru to jako hotovou vec.


"IE nemozem odskusat, pretoze my IE nefunguje"
Proc ti IE nefunguje?
Ja bych o necem vedel :) Mas to zavirovane :)
http://www.volny.cz/peter.mlich/clink.htm
- Postup odstraneni viru

jany: dobre chlapi, skusim si nieco o tom precitat (aj ked velmi nerad citam) a skusim nieco zrobit.

Pokud nerad čteš a neumíš si vyhled zcela základní informace, tak se do tvorby webu vůbec nepouštěj. Myslím to zcela vážně. Nikdo se na Tebe zlobit za Tvůj přístup nebude, ale také se pravděpodobně nenajde kompetentní člověk, který tě povede za ručičku.

Naučit se obstojně webdesignu znamená číst miriády textu, který si sám vyhledáš a stovky hodin experimentovat.


peta: Jsi spammer. Ať řekneš cokoliv, jsi nechutný spammer - a asi nejen já už toho začínám mít dost. Vážně přemýšlím o tom, že bych Yuhůovi nabídl malý plugin do BB, který bude odmítat příspěvky, ve kterých bude odkaz na cokoliv, co bude obsahovat řetězec "mlich".

Pokud někdo neví, o čem mluvím, nechť laskavě na tento výraz použije zdejší vyhledávání. Je tu nofollow, o backlinky nejde, jde o to, že nejméně polovina těch odkazů je silně zavádějících - čímž pádem kontraproduktivních a pro začátečníky matoucích.

Abych nebyl jen OT, tak i nějaké odkazy k tématu:

http://interval.cz/clanky/prirazeni-skriptu-stylem-behavior-a-htc/
http://www.jakpsatweb.cz/css/behavior.html