---
title: "horizonales TMENU - ?"
url: "https://www.typo3.net/d/14993-horizonales-tmenu"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2004-08-20"
last_reply: "2004-08-21"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# horizonales TMENU - ?

TYPO3 › Menüs · 4 Antworten · gestartet 2004-08-20

## Eröffnungsbeitrag

**be_dee** · 2004-08-20 · [Beitrag #1](https://www.typo3.net/d/14993-horizonales-tmenu/1)

hi, nach 3stunden "trial & error" liegen meine nerven blank...

was mach ich da falsch..

so sieht im moment aus:
<http://www.bidner.com/typo3net/menu.gif>

wo kommt der 1.te senkrechte strich (vor START) her?

wie mach ichs, das die aktuelle seite, wie beim hover-effekt blau angezeigt wird?

<http://www.bidner.com/typo3net/menuhover.gif>

auszug aus meinem template:

```html
    <td height="23" colspan="3"  bgcolor="#666666" > 
      <!-- ###TOPNAV### START -->
      <span class="topnav"> <a href="gfhfghh">linknormal</a></span> 
      <!-- ###TOPNAV### END -->
 <!-- ###TOPNAVSUB### START --> 
	<span class="topnavsub"> <a href="gfhfghh">link</a></span>
	<span class="topnavsub"> <a href="gdfgd">link</a></span>
<!-- ###TOPNAVSUB### END -->
    </td>
  </tr>
```

die zugehörige css:

```css
.topnav a:link {
	font-weight: bold;
 	font-family: Arial;
 	font-size: 12px;
 	text-decoration: none;
 	color: #FFFFFF;
}

.topnav a:visited {
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
}

.topnav a:hover {
   font-weight: bold;
   font-family: Arial;
   font-size: 12px;
   text-decoration: none;
   color: #6699FF;
}

.topnav a:active {
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #6699FF
}

.topnav a:focus {
   font-weight: bold;
   font-family: Arial;
   font-size: 12px;
   text-decoration: none;
   color: #6699FF;
}

.topnavsub a:link {
	font-weight: bold;
 	font-family: Arial;
 	font-size: 10px;
 	text-decoration: none;
 	color: #FFFFFF;
}

.topnavsub a:visited {
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    text-decoration: none;
    color: #FFFFFF;
}

.topnavsub a:hover {
   font-weight: bold;
   font-family: Arial;
   font-size: 10px;
   text-decoration: none;
   color: #6699FF;
}

.topnavsub a:active {
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    text-decoration: none;
    color: #6699FF
}

.topnavsub a:focus {
   font-weight: bold;
   font-family: Arial;
   font-size: 10px;
   text-decoration: none;
   color: #6699FF;
}
```

hier mein setup-feld:

```typoscript
# Top Navigation
   subparts.TOPNAV = HMENU
   subparts.TOPNAV.1 = TMENU
   subparts.TOPNAV.1 {
      NO.allWrap = |*| <span class="topnav">&nbsp;&#124;&nbsp;|</span> |*|
     }

# Top NavigationSub
   subparts.TOPNAVSUB = HMENU
   subparts.TOPNAVSUB.entryLevel = 1
   subparts.TOPNAVSUB.1 = TMENU
   subparts.TOPNAVSUB.1 {
      NO.allWrap = <br> <span class="topnavsub"> |*| <span class="topnavsub"> &#124;&nbsp;|</span> |*|
     }
}
```

bin beim verzweifeln - bitte HELP ME
danke

be_Dee

*tschuldigung wg. der endlos wurst an code*

## Antworten

### [#2](https://www.typo3.net/d/14993-horizonales-tmenu/2) · be_dee · 2004-08-21

no response?

### [#3](https://www.typo3.net/d/14993-horizonales-tmenu/3) · jenses · 2004-08-21

Hallo be_dee !

Ich glaube, daß ich deinen Fehler gefunden habe :

```typoscript
subparts.TOPNAV.1 { 
      NO.allWrap = |*| <span class="topnav">&nbsp;&#124;&nbsp;|</span> |*|
```

steht bei dir im Setup-Feld.

Die Idee mit |*| (OptionSplits) geht schon in die richtige Richtung,
aber da du alles damit einpackst, sind sie wirkungslos.

Versuchs mal so :

```typoscript
subparts.TOPNAV.1 { 
      NO.allWrap = <span class="topnav">|</span> |*|  <span class="topnav">&nbsp;&#124;&nbsp;|</span>
```

So wird dein erster Menüeintrag ohne den senkrechten Strich (und das Leerzeichen davor) gewrapt,
die nachfolgenden jedoch mit.
In deiner SUBNAV ist das ja auch richtig, nur der letzte |*| ist überflüssig.

Zu 2.)
Dazu mußt du in deinem Template den aktiven Zustand definieren.
Das machst du so :

```typoscript
CUR.allWrap = <span class="topnav-current">|</span> |*|  <span class="topnav-current">&nbsp;&#124;&nbsp;|</span>
```

CUR = current = aktuelle Seite
Im Stylesheet noch "topnav-current" beschreiben und fertig.

Lade dir mal die ganz neue deutsche Typo3-Doku herunter,
da sind zB solche Sachen prima beschrieben:
<http://www.typo3server.com/dokumentation.html>

viele Grüße aus Schweden
jenses

### [#4](https://www.typo3.net/d/14993-horizonales-tmenu/4) · be_dee · 2004-08-21

hi jenses
werd ich in kürze versuchen, besten dank
grüsse aus österreich, (ich glaub bei euch heisst das austria)
be_dee

### [#5](https://www.typo3.net/d/14993-horizonales-tmenu/5) · jenses · 2004-08-21

;)  Österrike
 #giggle#

---

Quelle: „horizonales TMENU - ?“, typo3.net, https://www.typo3.net/d/14993-horizonales-tmenu
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.