---
title: "Überschrift"
url: "https://www.typo3.net/d/53470-ueberschrift"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-11-16"
last_reply: "2006-11-16"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Überschrift

Frontend › Styling · 4 Antworten · gestartet 2006-11-16

## Eröffnungsbeitrag

**miami_vice** · 2006-11-16 · [Beitrag #1](https://www.typo3.net/d/53470-ueberschrift/1)

möchte die Überschrift näher am Text haben. Bisher sieht es so aus:

[Bild: de-kunde.de/text.jpg](http://www.de-kunde.de/text.jpg)

die HTML:

```html
<!--  Header: [begin] -->
<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">welcome</h1><br /></div>
<!--  Header: [end] -->
			
<!--  Text: [begin] -->
<p class="bodytext">Nein, meine Texte les ich nicht, so nicht, stöhnte Oxmox. Er war mit Franklin, Rockwell und dem halbtaxgrauen Panther Weidemann in Memphis (Heartbreak Hotel) zugange. Sie warteten auf die fette Gill, um bei der Bank of Helvetica die Kapitälchen in Kapital umzuwandeln. Oxmox liess nicht locker. Ich fleh euch an, rettet meine Copy, gebt meinem Body nochn Durchschuss! Kein Problem, erbarmte sich Old Face Baskerville, streichelte seinen Hund, zog seine einspaltige Poppl, legte an und traf! (Zeidank nichts Ernstes ­ nurn bisschen Fraktur.) </p>
<!--  Text: [end] -->
```

in der CSS hab ich auch alle padding und margin auf 0 gesetzt

hier die CSS

```html
p.bodytext {
	font-family:verdana;
	font-size:10pt; 
	color:#003C70; 
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	}

H1 { 
	font-family:verdana; 
	font-size:11pt; 
	color:#003C70; 
	font-weight: bold;
	margin: 0;
	padding: 0; 
	background:url(kreis_pfeil.gif) no-repeat left;
	padding-left: 20px; 
	}
	
	
.csc-textpic-text {
	padding: 0;
	margin: 0;
	}

.csc-header-n1 {
	padding: 0;
	margin: 0;
	}
```

## Antworten

### [#2](https://www.typo3.net/d/53470-ueberschrift/2) · einpraegsam.​net · 2006-11-16

> **miami_vice schrieb:**
>
> möchte die Überschrift näher am Text haben. Bisher sieht es so aus:
>
> [Bild: de-kunde.de/text.jpg](http://www.de-kunde.de/text.jpg)
>
> die HTML:
>
> ```html
> <!--  Header: [begin] -->
> <div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">welcome</h1><br /></div>
> <!--  Header: [end] -->
> 			
> <!--  Text: [begin] -->
> <p class="bodytext">Nein, meine Texte les ich nicht, so nicht, stöhnte Oxmox. Er war mit Franklin, Rockwell und dem halbtaxgrauen Panther Weidemann in Memphis (Heartbreak Hotel) zugange. Sie warteten auf die fette Gill, um bei der Bank of Helvetica die Kapitälchen in Kapital umzuwandeln. Oxmox liess nicht locker. Ich fleh euch an, rettet meine Copy, gebt meinem Body nochn Durchschuss! Kein Problem, erbarmte sich Old Face Baskerville, streichelte seinen Hund, zog seine einspaltige Poppl, legte an und traf! (Zeidank nichts Ernstes ­ nurn bisschen Fraktur.) </p>
> <!--  Text: [end] -->
> ```
>
> in der CSS hab ich auch alle padding und margin auf 0 gesetzt
>
> hier die CSS
>
> ```html
> p.bodytext {
> 	font-family:verdana;
> 	font-size:10pt; 
> 	color:#003C70; 
> 	padding-right: 0px;
> 	padding-left: 0px;
> 	padding-top: 10px;
> 	padding-bottom: 10px;
> 	margin: 0;
> 	}
>
> H1 { 
> 	font-family:verdana; 
> 	font-size:11pt; 
> 	color:#003C70; 
> 	font-weight: bold;
> 	margin: 0;
> 	padding: 0; 
> 	background:url(kreis_pfeil.gif) no-repeat left;
> 	padding-left: 20px; 
> 	}
> 	
> 	
> .csc-textpic-text {
> 	padding: 0;
> 	margin: 0;
> 	}
>
> .csc-header-n1 {
> 	padding: 0;
> 	margin: 0;
> 	}
> ```

url ?

### [#3](https://www.typo3.net/d/53470-ueberschrift/3) · miami_vice · 2006-11-16

so also hab jetzt mal die
h1.csc-firstheader in rot un die .csc-header in grün eingefärbt

[Bild: de-kunde.de/4.jpg](http://www.de-kunde.de/4.jpg)

also liegt es wohl an der.csc-header
aber selbst wenn ich in der CSS die höhe kleiner also height: 3px; definiere verändert er mir nichts...height: 100px; wiederum macht er mir ohne Problem...

ach ja er macht mir am ende des headers </h1><br. /></div> ...liegt es vielleicht an diesem <br. /> ????

### [#4](https://www.typo3.net/d/53470-ueberschrift/4) · aiges · 2006-11-16

hi!

ne, reduziere mal die verschachtelung der klassen und setze die headlin mal nur mit <h1> tag oder was anderen...

csc-header, csc-header-n1, csc-firstHeader sind auch auf magin "0" ? :-)

Wenn du keine unterschiedlichen Überschriften benötigst reicht folgende Variante

<div class="csc-header">+Tipps auf Hochkar.com</div>

BR
AA

### [#5](https://www.typo3.net/d/53470-ueberschrift/5) · Michaelh74 · 2006-11-16

Setz das mal so per CSS:

```php
h1, .csc-header {
   padding: 0;
   margin: 0;
}
```

Dann sollte der Abstand schon weg sein.

Gruß
Michael

---

Quelle: „Überschrift“, typo3.net, https://www.typo3.net/d/53470-ueberschrift
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.