---
title: "kleine Probleme mit CSS Steuerung"
url: "https://www.typo3.net/d/35819-kleine-probleme-mit-css-steuerung"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2006-01-06"
last_reply: "2006-01-20"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# kleine Probleme mit CSS Steuerung

TYPO3 › Menüs · 1 Antwort · gestartet 2006-01-06

## Eröffnungsbeitrag

**Andimueto** · 2006-01-06 · [Beitrag #1](https://www.typo3.net/d/35819-kleine-probleme-mit-css-steuerung/1)

Hallo,
ich bin gerade noch in den Anfängen von CMS, CSS ... und versuche gerade ein Test-Layout zu verwirklichen. Dabei stolpere ich über das Menü...
1. Ich habe eine transparente Box für hoover eingestellt - wie mache ich es, dass die Schrift vor der Box ist?
2. Für den Hooverzustand versuche ich ein Listensymbol einzublenen - leider ohne Erfolg - vielleicht kann mir hierbei jemand helfen.
hier der CSS-Code:

```php
#bereich_menu ul {
	margin-left: 5px;
	list-style: none;
	color: #fff;
	}
	
#bereich_menu ul li a {
	display: block;
	}
	
#bereich_menu ul li a:link {
               font-size: 12px; 
               color: #990000;
	}

#bereich_menu ul li a:visited {
               font-size: 12px; 
               color: #990000;
	}

#bereich_menu ul li a:hover,
#bereich_menu ul li a:active {
               background-color: #cccccc;
               FILTER: alpha(opacity = 60);
               -moz-opacity: 0.6;
               font-size: 11px; 
               color: #990000; 
               text-align: left; 
               font-family:Helvetica,Arial,sans-serif;
               border-bottom:solid thin gray;
               letter-spacing:0.1em;
               word-spacing:0.1em; 
               list-style: circle;               
	}
```

Vielen Dank :p
Andimueto

## Antworten

### [#2](https://www.typo3.net/d/35819-kleine-probleme-mit-css-steuerung/2) · Q4U Matt · 2006-01-20

Hallo,

falls Du Deine Probleme nocht nicht selber gelöst hast:

1. Die Schrift ist durchaus vor der Box, nur scheint es so, als sei sie dahinter, weil der Text auch nur noch 60% opak ist.
Zusätzlich ist hier noch zu bemerken, dass die beiden Eigeschaften **FILTER: alpha(opacity = 60)** und **-moz-opacity: 0.6** proprietär sind.
Aber bis CSS3 und **opacity: 0.6** fertig sind und die wichtigen Browser dies unterstützen wird bestimmt noch eher "Chinese Democracy" veröffentlicht.

2. Hier ist das Problem, dass Du die Eigenschaft **list-style** auf das Element **a** anwendest. **list-style** ist nur für Listen-Elemente (**ol**, **ul**, **li**, …) bestimmt.
Wenn Du allerdings Deinem **a** die Eigenschaft **display: list-item** gibst funktioniert es.
Man könnte andererseits auch einen hover-Status für das **li** festlegen, aber der IE kann **:hover** nur bei Verweisen.

Hoffe geholfen zu haben.

Gruß,
Matt

---

Quelle: „kleine Probleme mit CSS Steuerung“, typo3.net, https://www.typo3.net/d/35819-kleine-probleme-mit-css-steuerung
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.