ugrás a tartalomhoz

fa szerkezet , lista, css

Anonymous · 2006. Jún. 26. (H), 16.48
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
 
1

re

Anonymous · 2006. Jún. 26. (H), 16.49
talán így látszik:

+menü1
|
|
+menü2
    |
    +almenü1
    |
    |
    +almenü2
|
..
2

most hogy

toxin · 2006. Jún. 26. (H), 19.03
átálltak Apache Software License 2.0 -re így

http://webfx.eae.net/dhtml/xtree/index.html

vagy így

http://webfx.eae.net/dhtml/xloadtree/xloadtree.html :)