direkt zum Inhalt springen

direkt zum Hauptnavigationsmenü

Sie sind hier

TU Berlin

Inhalt des Dokuments

Kopf

Der Kopf (div#branding) erstreckt sich über die volle Breite (100%) und ist relativ positioniert (position: relative)

Der Kopfbereich beinhaltet folgende Elemente:

Besonderheit: Die Servicenavigation, die Suche, die Überschriften und das Login werden von einem <div id="head"> umfasst. Dieses ist relativ positioniert (position: relative;) und hat eine maximale Breite von 730px (max-width: 730px;).

Logo (#home)

Das Logo besteht aus einem <div id="home"> und ist absolut in der linken obere Ecke positioniert (top:25px; left: 0;).

Pfadnavigation (#nav-pfad)

Die Pfadnavigation besteht aus einer Liste (ul) und ist unterhalb des Logos positioniert. Sie hat eine feste Breite von 219px.

Logo der TU Berlin mit Pfadnavigation
Lupe

Servicenavigation (#nav-meta)

Die Servicenavigation erstreckt sich innerhalb des <div id="head"> auf die volle Breite (100%) und besteht aus Listenelementen, die inline gesetzt sind (display: inline;).

 

Servicenavigation
Lupe

Suche (#search-box)

Die Suche ist entsprechend der rechten Randspalte 200px breit und floatet rechts (float: right;).

Suche
Lupe

Rubrikenkopf (div.section-box)

Der Rubrikenkopf erstreckt sich über die volle Breite (100%). Er besteht aus einem <div class="section">, das relativ positioniert ist (position: relative) und in der Breite des Login rechts eingerückt ist (margin-right: 200px;). Darin befindet sich das Login (#login), das rechts floatet.

Die Überschrift und Unterüberschrift sind absolut positioniert (position: absolute).

Besonderheit: Das Logo der jeweiligen TU-Einrichtung floatet rechts innerhalb des <div class="section">

Rubrikenkopf
Lupe

Login (div#login)

Unterhalb der Schnellsuche befindet sich das Login-Feld für registrierte Nutzer der TUB Internetpräsenz. Im Ausgangsstadium enthält es zwei Links. Dabei führt der eine zu einem Loginformular für die Anmeldung mit den Passwort und der andere zu einem Loginformular für die Anmeldung mit der Campuskarte.

Die Überschrift des Login-feldes wird mit einem <h4>-Tag ausgezeichnet Die Links sind in einer Liste (ul) positioniert.

Login
Lupe

nächstes Kapitel:

Zusatzinformationen / Extras

Direktzugang

Schnellnavigation zur Seite über Nummerneingabe

Diese Seite verwendet Piwik für anonymisierte Webanalysen. Mehr Informationen und Opt-Out-Möglichkeiten unter Datenschutz.

Ansprechpartner/in

Corporate Design & Online-Design: Pressestelle

Technik: tubIT