Hallo Leute,
ich habe ein Menu gebaut welches folgenden Code hat
und so aussehen solle :
<div id="tabsC">
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="Home.html"><span>Home</span></a></li>
<li><a href="Products.html"><span>Portfolio</span></a></li>
<li><a href="Services.html"><span>Join-Us</span></a></li>
<li><a href="Support.html"><span>Projekte</span></a></li>
<li><a href="Order.html"><span>Karriere</span></a></li>
<li><a href="News.html"><span>Media-Center</span></a></li>
<li><a href="About.html"><span>Kontakt</span></a></li>
</ul>
</div>
Jetzt binde ich es in TS ein, und habe nicht die Möglichkeit im inneren <a>-tag nochmal einen <span> einzuwrappen.
Mein Menu funktioniert aber mit diesem Span-tag, der Background+Abstände+Position wird damit geregelt.
Hat jemand eine Idee, wie ich das machen kann?
Mein Typo3-Code:
lib.mainmenu = HMENU
lib.mainmenu{
entryLevel = 0
special = directory
special.value = 41
1 = TMENU
1 {
wrap = <ul>|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li><span>|</span></li>
#NO.ATagParams = class="navlink"
#ACT < .NO
ACT = 1
ACT.wrapItemAndSub = <li id="current">|</li>
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
4 < .2
}
Es wäre echt ganz tollo wenn mir jemand helfen könnte!
Lg
Sabsine
moin,
linkWrap = <span>|</span>
ATagBeforeWrap = 1
Armin
ArminB schrieb
linkWrap = <span>|</span>
ATagBeforeWrap = 1
Stimmt, aber warum du span-tags mit drin haben willst, erschließt sich mir nicht ganz...
Erstmal vielen Dank für die Anworten,
das hat geklappt!!
Wie kann ich es denn jetzt hinbekommen, das der aktive Link, die <li id="current"> bekommt?
Hier nochmal der Code im gesamten:
lib.mainmenu = HMENU
lib.mainmenu{
entryLevel = 0
special = directory
special.value = 41
1 = TMENU
1 {
wrap = <ul>|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
NO.linkWrap = <span>|</span>
NO.ATagBeforeWrap = 1
#NO.ATagParams = class="navlink"
#ACT < .NO
ACT = 1
ACT.wrapItemAndSub = <li id="current">|</li>
ACT.linkWrap = <span>|</span>
ACT.ATagBeforeWrap = 1
ACT.ATagParams = class="navlink"
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
4 < .2
}
Weiss jemand von euch Abhilfe?
Lg
Sabsine
Das hast du doch schon mit dieser Zeile:
ACT.wrapItemAndSub = <li id="current">|</li>
(Man beachte den Unterschied zwischen ACT und CUR)
hmmmm....
ich würde gerne erreichen das wenn man einen Menupunkt klickt und auf die Seite gelangt, dass dann auch der Zustand des derzeitigen Menupunkt derselbe ist wie beim rollover.
Ist das dann CUR, hatte das mal so probiert:
CUR.wrapItemAndSub = <li id="current">|</li>
tut sich aber nichts?
Lg
Sabsine
CUR definiert doch den Zstand wenn der menureiter gedrückt wurde..?
Demnach müsste doch:
CUR.wrapItemAndSub = <li id="current">|</li>
genau das machen?--> Tuts aber leider nicht.
Hat denn niemand eine Lösung für meine Misere?
Lg
Sabsine
Hast du auch CUR = 1 eingebaut?
Müsste eigentlich funktionieren. Was sagt den dein HTML Code im Frontend, findet sich da die id="current" ? Du musst natürlich bei IDs darauf achten, dass die einmalig sind, sonst solltest du besser eine class benutzen.
Nein der current-tag findet sich nicht.
Habe nun folgendes Menu:
lib.mainmenu = HMENU
lib.mainmenu{
entryLevel = 0
special = directory
special.value = 41
1 = TMENU
1 {
wrap = <ul>|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
NO.linkWrap = <span>|</span>
NO.ATagBeforeWrap = 1
#NO.ATagParams = class="navlink"
#ACT < .NO
ACT = 1
ACT.wrapItemAndSub = <li id="current">|</li>
ACT.linkWrap = <span>|</span>
ACT.ATagBeforeWrap = 1
ACT.ATagParams = class="navlink"
CUR = 1
CUR.wrapItemAndSub = <li id="current">|</li>
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
4 < .2
}
CUR=1 habe ich jetzt eingebaut, geht trotzdem nicht.
Lg
Sabsine