Tags um Text innerhalb von A

Liebe Typo3 und W3C Anhänger,

was Typo3 betrifft, bin ich ein Anfänger, doch ins Sachen XHTML und CSS habe ich einige Erfahrung.

Ich habe ein Layout vorbeitet, was ich 1zu1 als Typo3-Template umsetzen will. Soweit ging alles ganz gut, bis auf das Menü, denn dort ist meine CSS-Formatierung auf <span> und <strong> Tags innerhalb vom A-Tag angewiesen.

Das HTML ohne aktive Links sieht wie folgt aus:

<div id="nav">
	<ul>
		<li id="navAkademie"><a href="#"><span>Akademie</span></a></li>
		<li id="navMeisterkurse"><a href="#"><span>Meisterkurse</span></a></li>
		<li id="navVeranstaltungen"><a href="#"><span>Veranstaltungen</span></a></li>
		<li id="navTagungsort"><a href="#"><span>Tagungsort</span></a></li>
		<li id="navService"><a href="#"><span>Service</span></a></li>
	</ul>
</div>

der aktive/current Link ist nun Service:

<div id="nav">
	<ul>
		<li id="navAkademie"><a href="#"><span>Akademie</span></a></li>
		<li id="navMeisterkurse"><a href="#"><span>Meisterkurse</span></a></li>
		<li id="navVeranstaltungen"><a href="#"><span>Veranstaltungen</span></a></li>
		<li id="navTagungsort"><a href="#"><span>Tagungsort</span></a></li>
		<li id="navService"><strong><span>Service</span></strong></li>
	</ul>
</div>

eine Unterseite von Service ist aktiv, der Link ist aktiv (aber nicht current):

<div id="nav">
	<ul>
		<li id="navAkademie"><a href="#"><span>Akademie</span></a></li>
		<li id="navMeisterkurse"><a href="#"><span>Meisterkurse</span></a></li>
		<li id="navVeranstaltungen"><a href="#"><span>Veranstaltungen</span></a></li>
		<li id="navTagungsort"><a href="#"><span>Tagungsort</span></a></li>
		<li id="navService"><strong><span>Service</span></strong></li>
	</ul>
</div>

Mein Ansatz war, den A-Tag bei jedem Link auszublenden und wie eine Zwiebelschale um den Textstring des einzelnen Menülinks je nach dem span- oder strong-Tags anzufügen - denn | beinhaltet den Link! Komme ich zwischen A-Tag und Textstring?

Die nächsten Probleme liegen auf der Hand:

• .wrap ist schon besetzt
  wo krieg ich href her?

Wie ihr sehen könnt, bedarf mein Problem einer Zuwendung eines Profis.
Ich bitte euch mir nicht Alternativen wie z.B. eine andere Verschachtelung vorzuschlagen, denn ich brauche einen Inline-Tag innerhalb des A-Tags!

Bitte helft mir beim größten Problem, seit es IE gibt 😉

zeig doch mal dein TS.

du brauchst doch einfach nur einen class="" att setzen.

Beste,
Tim

PS: wieso hat bei dir jeder Link/listelement eine id?

hab es selbst gelöst:

   10.marks.NAV = HMENU
   10.marks.NAV {
      special = directory
      special.value = 1
      entryLevel = 0
      1 = TMENU
      1 {
         noBlur = 1
         wrap = <ul>|</ul>
         NO = 1
         NO {
            allWrap = <li id="navHome">|</li> || <li id="navAkademie">|</li> || <li id="navMeisterkurse">|</li> || <li id="navVeranstaltungen">|</li> || <li id="navTagungsort">|</li> || <li id="navService">|</li>
            ATagBeforeWrap = 1
            linkWrap = <span>|</span>
            ATagTitle.field = description
         }
         CUR < .NO
         CUR {
            allWrap = <li id="navHome" class="current">|</li> || <li id="navAkademie" class="current">|</li> || <li id="navMeisterkurse" class="current">|</li> || <li id="navVeranstaltungen" class="current">|</li> || <li id="navTagungsort" class="current">|</li> || <li id="navService" class="current">|</li>
            doNotLinkIt = 1
            linkWrap = <strong><span>|</span></strong>
         }
         ACTIFSUB < .NO
         ACTIFSUB {
            linkWrap = <strong>|</strong>
         }
      }
   }