CSS, menüfüggő menü kialakítása
Sziasztok!
Igen régóta olvasgatok nálatok, rengeteg apró hasznos trükköt ellesve a hozzászólóktól. De most olyan problémába akadtam, amire egyelőre nincs ötletem.
A környezet: klasszikus "holy grail", fejlécben adott egy <ul><li> tipusú menü, 8 menüponttal.
A cél: a baloldali hasábban a fenti menüpontokhoz tartozó menük megjelenítése.
Másképp fogalmazva: olyan 2 szintes menü, aminek az alszintje nem lokálisan "lenyílik", hanem teljesen más helyen jelenik meg.
Próbálkoztam layer jelleggel, onclick show-hide beállítással, de baromi bonyolult lett, és a megjelenítés nem működik rendesen, meg navigációs bajok is előállnak, + a szokásos IE témakör...
Ha esetleg valaki csinált vagy látott már ilyet, megköszönném ha súgna valamit!
■ Igen régóta olvasgatok nálatok, rengeteg apró hasznos trükköt ellesve a hozzászólóktól. De most olyan problémába akadtam, amire egyelőre nincs ötletem.
A környezet: klasszikus "holy grail", fejlécben adott egy <ul><li> tipusú menü, 8 menüponttal.
A cél: a baloldali hasábban a fenti menüpontokhoz tartozó menük megjelenítése.
Másképp fogalmazva: olyan 2 szintes menü, aminek az alszintje nem lokálisan "lenyílik", hanem teljesen más helyen jelenik meg.
Próbálkoztam layer jelleggel, onclick show-hide beállítással, de baromi bonyolult lett, és a megjelenítés nem működik rendesen, meg navigációs bajok is előállnak, + a szokásos IE témakör...
Ha esetleg valaki csinált vagy látott már ilyet, megköszönném ha súgna valamit!
JavaScript
ha lehet CSS kéne
Nem vagyok profi webszerkesztő, csak olyan hobbiszinten, ez az egyesületünk weblapja lenne, szóval pénzünk sincs rá, így nekiálltam. Szövegek, alapok megvannak, de itt elakadtam.
CSS+HTML
Gugliban első találat:
http://www.cssmenumaker.com/
a második:
http://weblabor.hu/forumok/temak/7844
Remélem segített! :)
üdv, G
öööö
Megpróbálom akkor így:
___________________
|A | B| C| D| E|
___________________
x |
x |
x |
x |
x_|____________
szóval a fent lévő(header div) vízszintes menüpontok megnyomására az "xx" ek helyén jelennének meg az almenüpontok (left div).
Azért lenne szükség ilyen megoldásra, mert egy oldalban szeretnénk megjeleníteni egymással összefügő, de különálló profilokat(felső menüsor), amikhez szükségesek lennének további menüpontok(bal menü).
Párhuzamos vonalon kezdem átgondolni, h rábeszélem a többieket, h olyan legördülős menü legyen, ami mondjuk 2 soros, és az alsó sor(almenü) állandóra marad, amig az user másra nem bök...
De ettől még kiváncsi lennék a megoldásra 8)
position:absolute + javascript
én úgy csinálnám, hogy az összes almenüt abszolut pozícióval odaraknám a helyére, eltűntetném display:none-nal és az épp szükségeset megjeleníteném javascripttel, a többit elrejtve.
esetleg mindig mindegyik látható lenne és z-index-szel varázsolnék, de ez már részletkérdés..