---
title: "menü mit css"
url: "https://www.typo3.net/d/23622-menue-mit-css"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2005-04-13"
last_reply: "2005-04-14"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# menü mit css

TYPO3 › Menüs · 5 Antworten · gestartet 2005-04-13

## Eröffnungsbeitrag

**jorge_e** · 2005-04-13 · [Beitrag #1](https://www.typo3.net/d/23622-menue-mit-css/1)

hallo,

bin am verzweifeln. ich haben ein menü mit css-tags erstellt. und zwar soll als mouseover ein graues kästchen um den link angezeigt werden. das klappt auch. aber wenn ich das als aktiver menüpunkt haben möchte pappt typo3 mir da n rahmen rum und mein komplettes design hauts durcheinander.

im typo3 template schauts so aus:

```typoscript
marks.NAV1 = HMENU
marks.NAV1.special = directory
marks.NAV1.special.value = 19
marks.NAV1.1 = TMENU
marks.NAV1.1 {
NO {
allWrap = <span id="nav1" class="nav1n1">|</span>
ATagParams=class="nav1n1"
RO = 0
}
ACT = 1
ACT {
allWrap = <span  id="nav1" class="nav1a1">|</span>
ATagParams=class="nav1a1"
}
}
```

im stylesheet so - aktiv:

```css
#nav1 .nav1a1 {
width: 100px;
font-weight: bold;
color: fff8ee;
padding: 4px 5px;
font-size: 12 px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
background: 373535;
}
```

und fürs inaktive so:

```css
#nav1 .nav1n1 {
width: 100px;
color: 373535;
font-weight: normal;
font-size: 12 px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
background: d7d7d7;
}
```

und im ergebnis hab ich n rahmen drum.

WAS MACH ICH FALSCH?

danke für eure hilfe

jorge

## Antworten

### [#2](https://www.typo3.net/d/23622-menue-mit-css/2) · jenses · 2005-04-13

Wo der Rahmen ( oder was immer das ist ) herkommt,
weiß ich auch nicht, ohne die Seite mal sehen zu können.
Das hier :

```html
<span  id="nav1" class="nav1a1">
```

ist auf jeden Fall falsch, es sei denn, es gibt nur einen Menüpunkt.
Du kannst keine ID mehrfach vergeben, dann ist es keine eindeutige ID mehr. ;-)

jenses

### [#3](https://www.typo3.net/d/23622-menue-mit-css/3) · maik · 2005-04-13

Ich mach das immer mit HTML Lisen.

Schau dir mal die Seite an
<http://css.maxdesign.com.au/listamatic2/vertical02.htm>

### [#4](https://www.typo3.net/d/23622-menue-mit-css/4) · jorge_e · 2005-04-13

hi maik,

da wird aber der aktive link nicht angezeigt ... oder doch. ich möchte, dass der bereich, der aktiv ist grau hinterlegt wird :-/

### [#5](https://www.typo3.net/d/23622-menue-mit-css/5) · maik · 2005-04-14

```html
 <li id="active"><a href="#" id="current">Item one</a>
```

Das CSS musst du dann halt noch ein klein wenig anpassen.
Sollte auch nur eine Anregung sein, wie das etwas besser umgesetzt werden kann.

Das ist nicht wirklich schön:

```html
<span  id="nav1" class="nav1a1">
```

Vor dem Hintergrund barrierefreier Websites sollte man Navigationen immer in HTML Listen packen.

### [#6](https://www.typo3.net/d/23622-menue-mit-css/6) · jorge_e · 2005-04-14

ok ... barrierefreies serven ist ein grund das ding umzubauen. du hast mich überzeugt. ich versuch das ganze anders zu machen.

danke für den tip

---

Quelle: „menü mit css“, typo3.net, https://www.typo3.net/d/23622-menue-mit-css
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.