---
title: "Text und Bild bei Text m/Bild auf gleicher Höhe anzeigen"
url: "https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage","HTML & CSS","Inhaltselemente"]
created: "2008-04-30"
last_reply: "2008-04-30"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# Text und Bild bei Text m/Bild auf gleicher Höhe anzeigen

TYPO3 › TypoScript · 7 Antworten · gestartet 2008-04-30

## Eröffnungsbeitrag

**waumpada** · 2008-04-30 · [Beitrag #1](https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen/1)

Hallo Leute,

ich habe folgendes Problem:

Meine Darstellung sieht folgendermaßen aus:

[Bild: nls.users.heimhilcher.net/…/bild_level_falsch.jpg](http://nls.users.heimhilcher.net/fileadmin/images/bild_level_falsch.jpg)

Ich habe einen kleinen Abstand zwischen Text und Bild der aber für das Layout störend wirkt. Text und Bild sollten auf gleicher Linie bzw. Höhe sein:

[Bild: nls.users.heimhilcher.net/…/bild_level_richtig.jpg](http://nls.users.heimhilcher.net/fileadmin/images/bild_level_richtig.jpg)

Ich benutze CSS Styled Contend.

Wie kann ich diese Einstellung für alle Bildpositionen im Text m/Bild - Element machen?

Bin für jede Hilfe äußerst dankbar.

Lg, waumpada

## Antworten

### [#2](https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen/2) · just2b · 2008-04-30

ein padding-top:1px auf den p bzw text?

georg

### [#3](https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen/3) · waumpada · 2008-04-30

Hi Georg,

ja, mit den paddings hab ich mich auch schon herumgespielt, aber padding-top: 1px; bewirkt nur, dass der text noch weiter runterwandert. Der Text sollte aber auf gleicher Höhe wie das Bild sein.

Ich hab schon gedacht, vielleicht kann man ja das Bild defaultmäßig heruntersetzen. Kann man das im CSS styled Content machen?

Lg, Hannes

### [#4](https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen/4) · einpraegsam.​net · 2008-04-30

> **waumpada schrieb:**
>
> Hi Georg,
>
> ja, mit den paddings hab ich mich auch schon herumgespielt, aber padding-top: 1px; bewirkt nur, dass der text noch weiter runterwandert. Der Text sollte aber auf gleicher Höhe wie das Bild sein.
>
> Ich hab schon gedacht, vielleicht kann man ja das Bild defaultmäßig heruntersetzen. Kann man das im CSS styled Content machen?
>
> Lg, Hannes

Das kann man alles über CSS lösen - also padding-top auf das Bild.
Schau dir einfach mal den Quelltext der Seite an...

### [#5](https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen/5) · waumpada · 2008-04-30

Hi,

so jetzt hab ich einiges probiert, aber nichts wirkt.
Das ist der Quelltext:

```html
<!--  Image block: [begin] -->
<div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:148px;"><dt><img src="uploads/pics/marc_ueber_uns.jpg" width="148" height="162" border="0" alt="" /></dt></dl></div><div style="margin-left:158px;"><div class="csc-textpic-text"><div class="csc-textpicHeader csc-textpicHeader-26"><!-- LEER ---></div>
<!--  Text: [begin] -->
<p class="bodytext">nls® ist die Verbindung beider Strategien und mehr. Es umfasst alle wichtigen&nbsp;Bereiche des Verkaufsalltags und ist somit ein äußerst wertvolles Kommunikationswerkzeug, das eine verblüffende Wirkung erzielt.
</p>
<!--  Text: [end] -->
</div></div></div><div class="csc-textpic-clear"><!-- --></div>
<!--  Image block: [end] -->
```

Ich hab folgende CSS-Settings probiert:

```html
csc-textpic-imagewrap {
	margin-top: 5px;
	padding-top: 5px;
}

csc-textpic-image {
	margin-top: 5px;
	padding-top: 5px;
}
```

Sogar das img-Tag hab ich global mit margin und padding versehen:

```html
img {
  margin-top:5px;
  padding:5px;
  border:0px;
}
```

Nichts funkt. Was mach ich falsch?

Lg, Hannes

### [#6](https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen/6) · waumpada · 2008-04-30

Hi,

vorheriges Posting nicht ganz richtig:

Im Firefox funktioniert's, nur im IE7 geht's nicht!

Lg, Hannes

### [#7](https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen/7) · waumpada · 2008-04-30

Noch eine Ergänzung:

die CSS-Redefinition vom img-Tag scheint als einziges zu funktionieren. Nur wirft das ein weiters Problem auf:

Alles Menüs, die ja auch Images sind, verschieben sich natürlich ebenfalls, was nicht ideal ist.

Alle anderen css-styles aus dem CSS styled Content haben irgendwie keine Auswirkung auf die Positionierung.

Lg, Hannes

### [#8](https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen/8) · waumpada · 2008-04-30

Hallo,

tja, oft sieht man den Wald vor lauter Bäumen nicht!

Man muss das "dl"-Tag im CSS redefinieren. Dann klappt's auch mit der Bildpositionierung.

Vielen Dank and Georg und einpraegsam.net für eure Gedankenhilfe und -anstöße.

Lg, Hannes

---

Quelle: „Text und Bild bei Text m/Bild auf gleicher Höhe anzeigen“, typo3.net, https://www.typo3.net/d/76705-text-und-bild-bei-text-mbild-auf-gleicher-hoehe-anzeigen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.