fa szerkezet , lista, css
Sziasztok!
Tudom, hogy már többször volt téma + cikkek közt is van erről anyag, egész jól mentek is a dolgok, viszont most igencsak benéztem valamit:
Kis kockák-at használok egy egymásba ágyazott listánál és azt szerettem volna elérni, hogy ezeket a kockákat egy föggőleges fonal kösse össze, valahgoy így:
+menü1
|
|
+menü2
|
+almenü1
|
|
|
..
Jól is működött a dolog, hover-től kezdve mindent meg tudtam csinálni (igaz Explorer alatt 1 px eltérés mindig volt a vonal és a kocka közepe közt), amíg találkoztam egy olyan hibával, hogy 2 soros listánál a 2. sorban levő szöveg
beugrott a "négyzet" alá.
Innentől kezdve borult minden: ha listajelölőnek raktam be a kis képet (négyzetet), akkor a függőleges vonalat sehogysem tudtam aláigazítani (egy repeat-y-os háttérképről van szó), ráadásul IE nem nagyon szereti a hover tulajdonságot, csak ha linkről vagyon szó.
Aztán csináltam úgy is, hogy a link elé raktam ki a háttérképként a kis négyzetet, és paddinggel állítottam rajt'. Ekkor viszont megincsak a 2. sorral lett gond, hiszen ismét előrébb volt annyi px-lel, ahány a háttérkép megjelenítéséhez kellett (padding-left:15px;).
Kérdés:
sztetek, hogy érdemes ilyen fa-szerkezető menüt csinálni? Vagy felejtsem el a függőleges vonalakat?
Köszi!
Tebe
■ Tudom, hogy már többször volt téma + cikkek közt is van erről anyag, egész jól mentek is a dolgok, viszont most igencsak benéztem valamit:
Kis kockák-at használok egy egymásba ágyazott listánál és azt szerettem volna elérni, hogy ezeket a kockákat egy föggőleges fonal kösse össze, valahgoy így:
+menü1
|
|
+menü2
|
+almenü1
|
|
|
..
Jól is működött a dolog, hover-től kezdve mindent meg tudtam csinálni (igaz Explorer alatt 1 px eltérés mindig volt a vonal és a kocka közepe közt), amíg találkoztam egy olyan hibával, hogy 2 soros listánál a 2. sorban levő szöveg
beugrott a "négyzet" alá.
Innentől kezdve borult minden: ha listajelölőnek raktam be a kis képet (négyzetet), akkor a függőleges vonalat sehogysem tudtam aláigazítani (egy repeat-y-os háttérképről van szó), ráadásul IE nem nagyon szereti a hover tulajdonságot, csak ha linkről vagyon szó.
Aztán csináltam úgy is, hogy a link elé raktam ki a háttérképként a kis négyzetet, és paddinggel állítottam rajt'. Ekkor viszont megincsak a 2. sorral lett gond, hiszen ismét előrébb volt annyi px-lel, ahány a háttérkép megjelenítéséhez kellett (padding-left:15px;).
Kérdés:
sztetek, hogy érdemes ilyen fa-szerkezető menüt csinálni? Vagy felejtsem el a függőleges vonalakat?
Köszi!
Tebe
re
most hogy
http://webfx.eae.net/dhtml/xtree/index.html
vagy így
http://webfx.eae.net/dhtml/xloadtree/xloadtree.html :)