---
title: "Listen mit CSS stylen"
url: "https://www.typo3.net/d/30880-listen-mit-css-stylen"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2005-09-28"
last_reply: "2005-09-29"
replies: 10
solved: false
page: 1
pages: 1
lang: "de"
---

# Listen mit CSS stylen

Allgemein · 10 Antworten · gestartet 2005-09-28

## Eröffnungsbeitrag

**Adlerauge** · 2005-09-28 · [Beitrag #1](https://www.typo3.net/d/30880-listen-mit-css-stylen/1)

Hallo zusammen,
aus der Bsp.-Datei der CSS_Style_Content habe ich folgende Formatierung in mein eigenes Stylesheet herüberkopiert und angepasst:

ul.csc-bulletlist LI {
margin:0px;
margin-left:-5px;
padding:0px;
font-family:Helvetica, arial, sans-serif;
font-weight:normal;
font-size:95%;
color:#fff;
}    etc....

Einige wenige Angaben wie Margin oder Schriftfarbe werden nicht angenommen oder irgendwo überschrieben.
Wie behebe ich dies????

Der ausgegebene HTML-Code:
<ul class="csc-bulletlist csc-bulletlist-0">
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
</ul>

Danke für Eure HILFE!!! - Adlerauge sei wachsam -

## Antworten

### [#2](https://www.typo3.net/d/30880-listen-mit-css-stylen/2) · humpun · 2005-09-28

Hi,

1.) CSS Datei integriert im TypoScript?
2.)

```plaintext
font-size:95%;
```

Arbeite lieber mit pixeln (font-size: 13px;)

Mfg

humpun

### [#3](https://www.typo3.net/d/30880-listen-mit-css-stylen/3) · Adlerauge · 2005-09-28

Ja, und zwar so:
page = PAGE
page.typeNum = 0
page.20 = TEMPLATE
page.stylesheet = fileadmin/template/styles/styles.css
Adlerauge

### [#4](https://www.typo3.net/d/30880-listen-mit-css-stylen/4) · humpun · 2005-09-28

Hmm, mach mal :

```plaintext
page.headerData.10.value ( 
<link rel="stylesheet" type="text/css" href="fileadmin/layout/css/style.css"> 
)
```

Und probier mal folgendes aus:

```plaintext
font-family: Arial, Helvetica, sans-serif;
```

Ändert sich was?

humpun

### [#5](https://www.typo3.net/d/30880-listen-mit-css-stylen/5) · Adlerauge · 2005-09-28

Nein, das ändert leider nichts.
Im Großen und Ganzen werden meine eigenen Stylesheet-Angaben ja "anerkannt". Nur eben nicht color und margin.
Adlerauge

### [#6](https://www.typo3.net/d/30880-listen-mit-css-stylen/6) · arnem · 2005-09-29

hi!

was für angaben css-formatierungen stehen denn für

```typoscript
UL.csc-bulletlist-0 { };
```

in deinen stylesheets?

du kannst dir im firefox auch die extension "view formatted source" installieren. im inline-modus zeigt sie für tags sämtliche css-styles an und sagt auch, aus welcher datei die kommen.

### [#7](https://www.typo3.net/d/30880-listen-mit-css-stylen/7) · Adlerauge · 2005-09-29

Guten Morgen,
danke für den Tipp - werde das Firefox-Pluggin gleich mal ausprobieren.

Welche CSS-Klassen das sind??? Keine Ahnung, die standen in der Bsp.-Datei von CSS_Styled_Content. Habe damit bisher noch nicht weiter herumexperimentiert.
ADLERAUGE

### [#8](https://www.typo3.net/d/30880-listen-mit-css-stylen/8) · humpun · 2005-09-29

Deine CSS:

```css
ul.csc-bulletlist LI {
margin:0px;
margin-left:-5px;
padding:0px;
font-family:Helvetica, arial, sans-serif;
font-weight:normal;
font-size:95%;
color:#fff;
}
```

Dein HTML Output :

```html
<ul class="csc-bulletlist csc-bulletlist-0">
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
</ul>
```

Nun mach mal bitte den Color in :

```css
li.csc-bulletlist LI {
font-family:Helvetica, arial, sans-serif;
font-weight:normal;
color:#fff;
```

Viel Spaß damit. Das funktioniert.

humpun

### [#9](https://www.typo3.net/d/30880-listen-mit-css-stylen/9) · Adlerauge · 2005-09-29

Hallöchen,
ja vielen Dank!
Außerdem ist der "view formatted source" sehr hilfreich!!!

- ein glückliches adlerauge -

### [#10](https://www.typo3.net/d/30880-listen-mit-css-stylen/10) · arnem · 2005-09-29

die web-developer-tools sind auch sehr nützlich - da kann man u.a. direkt die stylesheets bearbeiten und dir auswirkungen gleich prüfen.

### [#11](https://www.typo3.net/d/30880-listen-mit-css-stylen/11) · steffenk · 2005-09-29

das (fast) gleiche gibts jetzt auch für den IE: IE DOM-Explorer

---

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