hi,
bin leider noch nicht so fit in TypoScript, deswegen überfordert mich dieses Problem auch ein wenig...
Ich erstelle mittels
### Menü ###
lib.mainMenu = HMENU
lib.mainMenu {
### Erste Ebene ###
1 = TMENU
1 {
expAll = 1
wrap = <ul>|</ul>
NO.wrapItemAndSub (
<li class="button">
<div class="parent right">
|
</div>
</li>
)
NO.ATagTitle.field = abstract // description // title
ACT < .NO
ACT = 1
ACT.ATagParams = id="current"
}
### Zweite Ebene ###
2 = TMENU
2 {
expAll = 1
wrap (
<div class="dropdown">
<ul>
|
</ul>
</div>
)
NO.ATagTitle.field = abstract // description // title
NO.wrapItemAndSub = <li>|</li>
}
### Dritte Ebene ###
3 = TMENU
3 {
wrap (
<div class="mini-zone"></div>
<div>
<ul>
|
</ul>
</div>
)
NO.ATagTitle.field = abstract // description // title
NO.wrapItemAndSub = <li>|</li>
}
}
mein hover menü... das funktioniert auch ganz gut, nur was nicht geht ist, ich brauch einen z-index wert bei den dropdown elementen der z.b. bei 20 anfängt und dann bei jedem weiten listenelement um eines verringert wird...
das geht mit dem TS von oben NICHT 🙁
folgende html ausgabe bräuchte ich...
<div class="nav">
<ul>
<li class="button">
<div class="parent right"><a href="#" id="current">Products</a>
<div class="dropdown">
<ul>
<li style="z-index: 20;"><a href="#">Product_A</a>
<div class="mini-zone"></div>
<div>
<ul>
<li><a href="#">Product_A_Info</a></li>
<li><a href="#">Product_A_More</a></li>
</ul>
</div>
</li>
<li style="z-index: 19;"><a href="#">Product_B</a></li>
<li style="z-index: 18;"><a href="#">Product_C</a>
<div class="mini-zone"></div>
<div>
<ul>
<li><a href="#">item01</a></li>
<li><a href="#">item02</a></li>
</ul>
</div>
</li>
<li style="z-index: 17;"><a href="#">Product_D</a></li>
</ul>
</div>
</div>
</li>
<li class="button">
<div class="parent right"><a href="#">Visions</a>
<div class="dropdown">
<ul>
<li style="z-index: 20;"><a href="#">item_a</a></li>
<li style="z-index: 19;"><a href="#">item_b</a></li>
<li style="z-index: 18;"><a href="#">item_c</a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
vielleicht kann mir hier ja jemand einen tip geben wie man das realiseren könnte.. es geht nur um die zweite Ebene damit ich dort ein bei jedem element einen z-index einfügen kann der immer niedriger is als das eines weiter oben...
das ganze sollte dann in etwas wie
http://www.delusionworld.com/public/typo3hover/
ausschauen..
das menü ist nicht von mir... is von
http://positioniseverything.net/css-dropdowns.html
habs nur etwas vereinfach bzw. leichter einbindbar gemacht...
bin für jegliche hilfe bzw. tips offen, nachdem ich grad nen halben tag damit zugebracht hab und leider festellen musst das meins TS- Kunst noch recht mager ist...