---
title: "Listennavigation mit Grafik dazwischen"
url: "https://www.typo3.net/d/49779-listennavigation-mit-grafik-dazwischen"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage","HTML & CSS"]
created: "2006-09-12"
last_reply: "2006-09-12"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Listennavigation mit Grafik dazwischen

Frontend › Barrierefreiheit · 1 Antwort · gestartet 2006-09-12

## Eröffnungsbeitrag

**dino_dino** · 2006-09-12 · [Beitrag #1](https://www.typo3.net/d/49779-listennavigation-mit-grafik-dazwischen/1)

Hi Leute

ich habe ein XHTM Problem....

mein CSS

```html
ul#nav_level_1{	
	padding:0px;
	margin:0px;
	height:21px;
	color:#FFF;	
	}

.nav_img{
	float:left;
	}
	
ul#nav_level_1 li{
	padding:0px;
	margin:0px;
	font-size:0.8em;
	list-style:none;
	display:inline;
	float:left;	
	font-weight:bold;
	height:21px;
	line-height:0.8em;
	}
	
#nav_level_1 a {
	color:#FFF;	
	background-color:#666666;
	padding:0px;
	margin:0px;
	float: left;
	height:16px;
	padding-top:5px;
	padding-left:8px;
	padding-right:8px;	
	text-decoration: none;
	}

#nav_level_1 a:hover {
	color:#FFFF00;
	background: #999999;
	text-decoration: none;	
	}
```

und das mein Code:

```html
		<div id="nav_level_main">
			<img src="fileadmin/img/nav_start.gif" alt="" class="nav_img" />
			<ul id="nav_level_1">
				<li><a href="#">Home</a></li><img src="fileadmin/img/nav_breaker.gif" alt="" width="2" height="21" class="nav_img" />
				<li><a href="#">Spielplan</a></li><img src="fileadmin/img/nav_breaker.gif" alt="" width="2" height="21" class="nav_img" />
				<li><a href="#">Musiktheater</a></li><img src="fileadmin/img/nav_breaker.gif" alt="" width="2" height="21" class="nav_img" />
				<li><a href="#">Schauspiel</a></li><img src="fileadmin/img/nav_breaker.gif" alt="" width="2" height="21" class="nav_img" />
				<li><a href="#">Tanz</a></li><img src="fileadmin/img/nav_breaker.gif" alt="" width="2" height="21" class="nav_img" />
			</ul>
		</div>
```

das Problem sind die Grafiken...aber ich brauche die um eine Trennung zu erreichen....

Kann mir jemand einen Tip geben wie ich das Lösen kanne?

danke!

## Antworten

### [#2](https://www.typo3.net/d/49779-listennavigation-mit-grafik-dazwischen/2) · Lawrence · 2006-09-12

Hallo dino,
du kannst zwischen den Listenelementen keine Grafiken einbauen, denn innerhalb von  <ul></ul> oder <ol></ol> dürfen direkt nur <li></li> Elemente enthalten sein, sonst gar nichts; die <li></li> Elemente können dann wieder andere Elemente enthalten.
Möglichkeiten wären:

- Die Grafiken als Listenpunkte einzubinden
  Die Grafiken innerhalb der <li></li> Elemente einzubinden
  Die Trennung zwischen den Listenelementen durch Rahmen oder Abstände herzustellen

Herzliche Grüße
Lorenz Reichelt

---

Quelle: „Listennavigation mit Grafik dazwischen“, typo3.net, https://www.typo3.net/d/49779-listennavigation-mit-grafik-dazwischen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.