Mapping Hauptmenü

Hallo zusammen,
die Punkte der Hauptnavigation sind per css definiert. Und zwar so:

<div id="tabsB">
 <ul>
  <li><a href="#"><span>Home</span></a></li>
  <li><a href="#"><span>Aktuelles</span></a></li>

...

Wie kann ich die Übernahme dieser Formatierung erreichen?

Mit:

lib.MainMenu.1{
   NO{
     linkWrap = <li>|</li>
    RO=1
   }

wird <span> klar nicht übernommen.
Danke!
8-)

Warum steht um den Navigationspunkt überhaupt noch ein <span> ??

nicolaibassdh schrieb

Warum steht um den Navigationspunkt überhaupt noch ein <span> ??

CSS sieht so aus:

#tabsB {
      float:left;
      width:100%;
      background:#ececed;
      font-size:99%;
      line-height:normal;
      }
#tabsB ul {
       margin:0;
       padding:1px 10px 0 1px;
       list-style:none;
      }
#tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabsB a {
      float:left;
      background:url("../fileadmin/html_template/tableft_a.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none; border:0;
      }
#tabsB a span {
      float:left;
      display:block;
      background:url("../fileadmin/html_template/tabright_a.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      letter-spacing:1px;
      color:#e75013;  border:0;
      }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */

#tabsB a:hover span {
      color:#000;
      }
#tabsB a:hover {
      background-position:0% -42px;  border:0;
      }
#tabsB a:hover span {
      background-position:100% -42px;  border:0;
      }

#tabsB #current a {
      background-position:0% -42px; color:#000;  border:0;
        }
#tabsB #current a span {
      background-position:100% -42px; color:#000;  border:0;
        }

Hallole!

Bei irgendeiner Menüspielerei habe ich mal so etwas gemacht (weiß bloß nicht mehr wo und kann es daher auf die Schnelle nicht exakt überprüfen)

NO {
    allWrap.dataWrap = <li><a href="index.php?id={field:uid}"><span>{field:title}</span></a></li>

Probier's mal aus

Grüße

Erwin

Danke erstmal!
Ich bin blutiger Anfänger und habe mich gleich für TemplaVoila entschieden. TypoScript ist nicht so mein Ding.
Die Formatierungen werden jetzt auch übernommen. Nur leider passiert folgendes(Die Links werden doppelt dargestellt):

<div id="tabsB">
<li><a href="index.php?id=2333"><span>Home </span></a></li>
<a href="index.php?id=homeu1" onfocus="blurLink(this);">Home </a>
<li><a href="index.php?id=2334"><span>Produkte</span></a></li>
<a href="index.php?id=homeu2" onfocus="blurLink(this);">Produkte</a>
<li><a href="index.php?id=2323"><span>Kontakt</span></a></li>
<a href="index.php?id=2323" onfocus="blurLink(this);">Kontakt</a>
</div>

Was mach ich da falsch?

Hallole!

Tja, wenn man den falschen Tip bekommt, ....

Erweitere den Code bitte ....

NO {
    allWrap.dataWrap = <li><a href="index.php?id={field:uid}"><span>{field:title}</span></a></li> 
    doNotShowLink = 1

Dann kommen die Links nicht mehr doppelt

By the way: TemplaVoila und TypoScript schließen sich nicht aus. Du wirst TS weiterhin benötigen. Aber TV ist meiner Meinung nach schon eine gute Entscheidung. Auch wenn die Puristen mich jetzt schlagen werden...

>Grüße

Erwin

Das wars!
Danke!