Autor | Zpráva | ||
---|---|---|---|
lk.firefox Profil * |
#1 · Zasláno: 21. 3. 2011, 13:44:01
Dobrý den,
jsem teprv začátečník, ale dělám si vlastní stránky. Bohužel jsem zatím nepřišel na to, jak vytvořit rolovací menu, jež je hezkým vizuálním prvkem. moje stránky jsou zatím bez tohoto menu... karlinskelisty.wz.cz avšak pokouším se neustále to překonat... Tady jsou stránky, na kterých jsem to zkoušel, ale... index.htm a css soubor... css.css Mockrát díky za rady... lk.firefox |
||
pohan Profil |
#2 · Zasláno: 21. 3. 2011, 14:31:31 · Upravil/a: pohan
Update
Ono to v zásadě nějak funguje jak to máš napsané, akorát vkládáš jiný css soubor, než který máš v příspěvku. Tzn. si změň ten styl na bin/index_zk.css Všechno pod čarou je už irelevantní... Pokud jsem správně pochopil, že jde o zobrazování toho vnořeného listu jen pokud je rodičovský prvek vybraný, pak by mohlo pomoci v zásadě něco takového: li ul { display: none; } li:hover ul { display: block; } pozn.: v základním stavu nezobrazovat jakýkoliv <ul> vnořený <li> a ve stavu :hover jej zobrazit viz http://jsfiddle.net/pohan/kZRNW/ Problém je, že IE6< nebude číst :hover u prvku <li>. Pro to ale existuje hoverfix, jako třeba tenhle Horizontally Centered Drop-Down Menus (viz odstavec F*cking Internet Explorer) To by bylo CSS řešení. No a teď třeba řešení pomocí JQuery. $('li').hover( function(){ $(this).children('ul').show(); }, function(){ $(this).children('ul').hide(); }); Pokud jsem správně pochopil, že jde o zobrazování toho vnořeného listu jen pokud je rodičovský prvek vybraný, pak by mohlo pomoci v zásadě něco takového: li ul { display: none; } li:hover ul { display: block; } pozn.: v základním stavu nezobrazovat jakýkoliv <ul> vnořený <li> a ve stavu :hover jej zobrazit viz http://jsfiddle.net/pohan/tSFjB/ Tohle už bude chodit i v IE6, ale je zase potřeba knihovna JQuery |
||
lk.firefox Profil * |
#3 · Zasláno: 21. 3. 2011, 15:13:59
v podstatě je to ono...
omlouvám se, že jsem způsobil takovéhle potíže, ale nějak jsem si to neuvědomil...css je opravdu jinde... avšak pokud se podíváš na moje již hotové stránky, tak zjistíš, že jsem chtěl mít menu v linii... a to mi dělá potíže... zkombinovat lineární zarovnání a rolovací menu.. Díky lk.firefox |
||
pohan Profil |
#4 · Zasláno: 21. 3. 2011, 16:04:50 · Upravil/a: pohan
Tak pokud jde jen o akutní fixnutí problému, tak by ti to mohlo fungovat třeba s timhle updatem CSS kodu: http://jsfiddle.net/pohan/gWSSb/4/
Pokud můžu poznámku, tak krom jinýho třeba opakuješ atribut id (to se nedělá, k těmhle učelům slouží class) - id je na stránce jedinečnej. Díky tomu je pak ten kód celkem dost nepřehledny. To důležity z toho kodu je tady, abys to viděl bez všeho toho okolo, co tam třeba ani nemá funkci, nebo se navzájem bije http://jsfiddle.net/pohan/VuY6D/2/ |
||
lk.firefox Profil * |
#5 · Zasláno: 21. 3. 2011, 16:58:39
díky mockrát...
snad to pomůže... myslím, že to byl ten zásadní problém... Díky lk.firefox |
||
Chamurappi Profil |
#6 · Zasláno: 21. 3. 2011, 17:33:53
Reaguji na pohana:
„ale je zase potřeba knihovna JQuery“ Na hover efekt v Exploreru 6 mu stačí jednoduchý a podmíněně načtený skriptík hover.htc , nepotřebuje načítat osmdesátikilovou knihovnu.
|
||
pohan Profil |
#7 · Zasláno: 21. 3. 2011, 17:44:51
Chamurappi:
> Reaguji na pohana: > „ale je zase potřeba knihovna JQuery“ > Na hover efekt v Exploreru 6 mu stačí jednoduchý a podmíněně načtený skriptík hover.htc, nepotřebuje načítat osmdesátikilovou knihovnu. jo, to sem zapomněl samozřejmě dodat, že je to jen jeden z možných způsobů (přišlo mi to na příklad vhodný, protože ten jQuery syntax je tak nějak přehlednej) |
||
Časová prodleva: 13 let
|
0