---
title: "Darstellung Listen"
url: "https://www.typo3.net/d/53221-darstellung-listen"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-11-11"
last_reply: "2006-11-12"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Darstellung Listen

Frontend › Styling · 2 Antworten · gestartet 2006-11-11

## Eröffnungsbeitrag

**Illa** · 2006-11-11 · [Beitrag #1](https://www.typo3.net/d/53221-darstellung-listen/1)

Hallo,
mein Problem beschreibt sich eigentlich von selbst:

[Bild: hintertuer.net/…/prob.gif](http://hintertuer.net/cms/fileadmin/bilder/prob.gif)

Ich habe eine Liste gefolgt von Text:

```html
<ul><li><a href="index.php?id=intern" title="Öffnet einen internen Link im aktuellen Fenster" target="_self" class="internal-link">Intern</a></li></ul>
<br />
public pages currently offline<br />
```

Eigentlich sollte die Liste ja den Text zwingen unter ihr anzufangen was sie leider nicht tut. Nur warum? Folgendes steht in der CSS-Datei.

```html
/* MENU-ELEMENTE - START */
ul{
   text-indent: 0px;
   list-style-position: outside;
   list-style-image: url(images/spacer.gif);
   list-style-type: square;
   padding: 5px;
   margin: 0px;
}

/* MENU-ELEMENTE - STOP */

/* FESTE ELEMENTE  - START*/
a:link	 { text-decoration: none; color: #B0B0B0 }
a:visited { text-decoration: none; color: #B0B0B0 }
a:active  { text-decoration: none; color: #B0B0B0 }
a:hover	 { text-decoration: none; color: #F0F0F0 }

ul, li {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-style: normal;
     font-weight: bold;
	 height: 15px;
	 vertical-align: middle;
}
```

Zudem scheint es egal zu sein, ob ich mit <br /> oder <p> arbeite.
Ahh und auch noch zu erwähnen wäre: Diese Fehldarstellung produziert Firefox (1.5.0.6). Der IE packts, was meiner Meinung nach jedoch wohl nichts zu bedeuten hat.

Weiß jemand Rat? Vielen Dank vorab,

Corni

## Antworten

### [#2](https://www.typo3.net/d/53221-darstellung-listen/2) · just2b · 2006-11-12

Hallo,

gib mal das raus: ul,li { height: 15px; }. Fürn Firefox ist die liste (ul) halt dnan auch wirklich 15px hoch!

georg

### [#3](https://www.typo3.net/d/53221-darstellung-listen/3) · Illa · 2006-11-12

Ok, daran hat es gelegen.
Es waren allerdings noch eine mehr Anpassungen notwendig um das ganze sinnvoll zu formatieren.

```html
ul { margin-left: 0px;
     padding-left: 15px;
     margin-top: 10px; }

li{
   text-indent: 0px;
   list-style-position: outside;
   list-style-image: url(images/spacer.gif);
   list-style-type: square;

   height: 12px;
}
```

Vielen Dank!

---

Quelle: „Darstellung Listen“, typo3.net, https://www.typo3.net/d/53221-darstellung-listen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.