---
title: "Jede Seite mit CSS Formatieren?!"
url: "https://www.typo3.net/d/92798-jede-seite-mit-css-formatieren"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage","HTML & CSS"]
created: "2009-09-10"
last_reply: "2009-09-21"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Jede Seite mit CSS Formatieren?!

Frontend › Barrierefreiheit · 4 Antworten · gestartet 2009-09-10

## Eröffnungsbeitrag

**caomhan** · 2009-09-10 · [Beitrag #1](https://www.typo3.net/d/92798-jede-seite-mit-css-formatieren/1)

Hallo liebe Freunde von TYPO3,

bin ein ganz frischer TYPO3 nutzer.

Habe jetzt mal TYPO3 bei mir aufgesetzt und ein Template eingebunden (quasie eine Test-Oberfläche für mich). Bisher klappt auch alles super! Habe aber noch zwei Fragen:

**Frage 1:**
Muss ich für jede Content-Seite (z.B. Kontaktformular, Aufzählungen, Text mit Bild, etc.) alle TYPO3-Eigenen-Stylesheet-Klassen (.csc-searchResultRange, .csc-form-fieldcell input, .csc-mailform-field textarea, ...) in meiner CSS-File definieren um diese anzupassen?

Das wären ja je nachdem schon eine Menge an CSS-Klassen die da wohl verwendet werden.

Naja gut, sicherlich weniger als bei einem Gambio GX Template ;)

**Frage 2:**
Außerdem (passt hier wohl nicht ganz rein) hätte ich gerne eine horizontale "Wo bin ich" Leiste wie z.B.:
Sie sind hier: Startseite - Seite1 - Seite2

Dafür gibt es doch sicherlich etwas in TypoScript, oder?

Wie gesagt, bin noch relativ neu :) Also bitte nicht verprügeln!
Hier noch der Link zu meiner Testoberfläche:
<http://typo3.kleaserarts.com>

Vielen Dank,
caomhan

## Antworten

### [#2](https://www.typo3.net/d/92798-jede-seite-mit-css-formatieren/2) · maik · 2009-09-10

Du definierst ein CSS, das für alle Seiten gilt.
In dem werden dann Listen, Formulare usw. eingestellt.

Die CSS Klassen sind dafür, dass du z.B. ein Login-Formular anders formatieren kannst als ein Such-Formular.

Dei Menü heiß breadcrumb navi und kann mit dem special rootlin vom HMENU realisiert werden.
Die passage findest du unter folgendem Link in der TSRef:
<https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Index.html>
Oder einfach mal nach breadcrumb typo3 im www suchen.
>> <http://www.christian-pansch.de/mein-wissen/typo3-tutorials/breadcrumb-navigation-mit-rootline/>
>> <http://www.sk-typo3.de/Das-Breadcrumb-Menue.120.0.html>
...

### [#3](https://www.typo3.net/d/92798-jede-seite-mit-css-formatieren/3) · caomhan · 2009-09-10

Achso.
Alles klar! Meine nächste Frage dazu:

Beispielsweise bei einer Kontakt-Formular Seite werden ja <label> Tags direkt neben den <input> Tags genutzt. Daher sind diese (input-Felder) natürlich nicht gleichmäßig untereinander.
Ist es dann sinnvoll dem <label> Tag per CSS folgendes zu definieren (damit die Breite immer gleich ist)?

label {
width:200px;
display:block;
}

Einen anderen Weg wüsste ich jetzt nicht, dieses "Problem" zu lösen. Kennt ihr da was? Wie macht ihr das?

Also für TYPO3 an sich muss ich keine extra-Klassen definieren, sondern nur die HTML-Tags wie <h2>, <label>, <input> und <textarea> etc.?

Wenn das wirklich für alle "Seiten-Typen" funktioniert wäre das ja wunderbärchen :)

Vielen, vielen Dank!

### [#4](https://www.typo3.net/d/92798-jede-seite-mit-css-formatieren/4) · maik · 2009-09-18

> Ist es dann sinnvoll dem <label> Tag per CSS folgendes zu definieren (damit die Breite immer gleich ist)?
>
> label {
> width:200px;
> display:block;
> }

Jep, ganau so wirds gemacht.

> Wenn das wirklich für alle "Seiten-Typen" funktioniert wäre das ja wunderbärchen :)

Jep, das ist bei TYPO3 Seiten-Typ unabhängig.

### [#5](https://www.typo3.net/d/92798-jede-seite-mit-css-formatieren/5) · suit · 2009-09-21

> **maik schrieb:**
>
> > Ist es dann sinnvoll dem <label> Tag per CSS folgendes zu definieren (damit die Breite immer gleich ist)?
> > label {
> > width:200px;
> > display:block;
> > }
>
> Jep, ganau so wirds gemacht.

Für ein Formular, welches aus welches lediglich aus <label /><input />-Kombinationen besteht ist das natürlich Unsinn - "display: block;" gibt dem Element die Eigenschaften eines Block-Elements - daneben haben keine anderen Elemente bzw. deren Inhalt mehr Platz.

float: left; hingegen erzeugt einen Block, der rechts umflossen werden kann und ist in diesem Fall das Mittel der Wahl (von Alternativen mit Inline-Block mal abgesehen oder wenn man das label-Element in einer Tabelle oder andere - z.B. floatende Elemente verfrachtet).

---

Quelle: „Jede Seite mit CSS Formatieren?!“, typo3.net, https://www.typo3.net/d/92798-jede-seite-mit-css-formatieren
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.