Autor Zpráva
4li3n
Profil *
Zdravím,
potřebuju realizovat něco co jsem nazval dvojitým hoverem. mam jeden velký obrázek, který překrývá menu, které je znovu hoverované, tzn. najedu nad velký obrázek, ten se odkryje celý, tím odhalí menu a tam se nahoveruje ta položka nad kterou právě jsem.

Má někdo nějaký nápad jak to udělat?
panther
Profil
4li3n
pořádně jsem nepochopil, co chceš.

Co třeba při prvním hoveru z-indexem dostat menu nahoru? Ale opravdu nevím, třeba jsem tě nepochopil :-)
4li3n
Profil *
Mám dejme tomu pruh, který když nad ním není myš, překrývá menu, které se odkryje po najetí myší nad ten pruh (obrázek) (první hover), to odkryté menu je však znovu hoverované (podle toho nad kterou položkou jsem) (druhý hover)
Miloš
Profil
Máš na mysli něco jako víceúrovňové menu?
4li3n
Profil
vlastne skoro ano, jen si predstavme ze z nejakeho duvodu je obdelnik SPORT sirsi a po najeti nad sport se v tom miste obdelniku sport zobrazi to podmenu :-)

neco jako jsem zkusil nakreslit zde:
http://img37.imageshack.us/img37/8716/haluz.jpg
Miloš
Profil
Ozkoušej si tohle:
<!DOCTYPE HTML>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
body, ul, li {margin: 0; padding: 0;}
body {font: 100%/1.4 'DejaVu Sans', Verdana, Sans-serif; color: black; background-color: white;}
ul {list-style-type: none; text-align: center; display: block;}
li {height: 30px; width: 250px; float: left; background-color: aqua; border: 1px solid black; padding: 0;}
li ul {margin: 20px 50px;}
li ul li {float: none; height: 1.5em; background-color: yellow; width: 150px;}
li:hover {height: 150px;}
li ul li:hover {height: 1.5em; background-color: black; color: white;}
</style>
<title>blabla</title>
<ul>
  <li>Jedna<ul><li>jedna jedna <li>jedna dvě <li>jedna tři</ul>
  <li>Dvě<ul><li>dvě jedna <li>dvě dvě <li>dvě tři</ul>
  <li>Tři<ul><li>tři jedna <li>tři dvě <li>tři tři</ul>
</ul>

Pro jednoduchost nefunguje v IE 6 – tam je hover třeba ošetřit javascriptem.
4li3n
Profil
tohle taky zajimave :-) zitra na to kouknu po vice, protoze to jeste neni to co presne potrebuji, kdyz pouziju tvuj priklad pro detailni vysvetleni, potrebuji, aby obdelnik jedna byl siroky jako 3 obdelniky jedna jedna.

po najeti nad obdelnik jedna by obdelnik jedna jakoze vyzmizel a misto nej na uplne stejnem miste by se objevily obdelnicky jedna jedna, jedna dva, jedna tri (obdelnik jedna byl siroky jako 3 podobelnicky, tudiz se na to stejne misto vejde)

obdelnik jedna uz totiz po najeti mysi nad nej nepotrebuji a potrebuji misto toho obdelniku jedna uz primo menu ktere obsahuje obdelnicky jedna jedna, jedna dva a jedna tri, obrazek obdelniku jedna nesmi byt videt po najeti nad nej se musi misto nej zobrazit podnabidka jedna jedna, jedna dva, jedna tri.

mozna ze bude stacit troku prekopat tvuj kod a pohrat si s napozicovanim, nijak vic to ted uz zkoumat nebudu a jdu spat, tak se nehnevejte a dobrou noc, kdyby nekdo pochopil presne co chci a vedel jak na to, rano si to milerad prectu...

dik honza
4li3n
Profil
tak sem se o neco malo pokusil, dosel sek do faze kdy potrebuju nejakym stylem dostat tu cervenou cast (jedna odrazka ve ktere jsou ty tri pote) nad ty tri jednotlive odrazky.
viz: http://student.sspbrno.cz/~scech/pokus/pokus.html
4li3n
Profil
znovu jsem na vyse uvedenem odkazu upravil par veci a uz musi byt videt co vlastne potrebuju, kdyz nebudu myší nad červenou plochou, potřebuju aby červená plocha byla nad tou nabidkou, po najeti nad cervenou plochu cervena plocha zmizi (hover s backgroud-color: transparent) a tim se zobrazi to menu... vite nekdo jak na to?
4li3n
Profil
Bud jsem hloupy ja nebo vsechny prohlizece, vsazim na prvni moznost :-D
z-index nedela presne to co bych rad videl aby delal, ma nekdo nejaky jiny napad, nebo postreh co je tam spatne?

http://student.sspbrno.cz/~scech/pokus/pokus.html

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0