Autor Zpráva
lk.firefox
Profil *
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
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 *
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
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 *
díky mockrát...
snad to pomůže...

myslím, že to byl ten zásadní problém...

Díky
lk.firefox
Chamurappi
Profil
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
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)

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: