---
title: "cron_cssstyledimgtext & css styled contend Bild ist zu 4px zu hoch oben plazeiert"
url: "https://www.typo3.net/d/45334-cron-cssstyledimgtext-css-styled-contend-bild-ist-zu-4px-zu-hoch-oben-plazeiert"
source: "typo3.net"
tags: ["Allgemein","Bilder","Frage","Inhaltselemente"]
created: "2006-06-26"
last_reply: "2006-06-26"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# cron_cssstyledimgtext & css styled contend Bild ist zu 4px zu hoch oben plazeiert

Allgemein · 6 Antworten · gestartet 2006-06-26

## Eröffnungsbeitrag

**ion** · 2006-06-26 · [Beitrag #1](https://www.typo3.net/d/45334-cron-cssstyledimgtext-css-styled-contend-bild-ist-zu-4px-zu-hoch-oben-plazeiert/1)

Hallo Zusammen

Ich habe das Problem das die Bilder im text(umfliessend)
immer um eine ca. halbe zeile zuhoch oben sind.
Ich verwende cron_cssstyledimgtext und css styled contend.

```typoscript
-------- 
        |  Das Ist ein Blindtext. Das
  BILD  |  ist ein Blindtext. Das Ist 
________|  ein Blindtext. Das Ist ein
           Blindtext. Das Ist ein
Blindtext. Das Ist ein Blindtext. Das
Ist ein Blindtext. Das Ist ein
Blindtext.
```

Ich bin dankbar für eure hinweise, tipps, ideen...

Gruss Manuel

## Antworten

### [#2](https://www.typo3.net/d/45334-cron-cssstyledimgtext-css-styled-contend-bild-ist-zu-4px-zu-hoch-oben-plazeiert/2) · _o3_ · 2006-06-26

welche version von typo3 nutzt du denn?
bei der typo3 4.0 brauchst du nur noch die css_styled_content, da dort die styles aus der cron extension enthalten sind.

edit:
schau doch in den css anweisungen nach ob dafür evtl. nen abstand eingetragen ist.

### [#3](https://www.typo3.net/d/45334-cron-cssstyledimgtext-css-styled-contend-bild-ist-zu-4px-zu-hoch-oben-plazeiert/3) · ion · 2006-06-26

Vielen Dank für deine Antwort.

Ich verwende 3.8.1

Ich dacht eigentlich auch dass ich dies im CSS einstellen könnte, ich werde jedoch nicht richtig schlau daraus.

```php
/* default styles for extension "tx_croncssstyledimgtext" */
/*
 * css-styled-imgtext
 */
/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)
*/

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */
```

der link zum Problem: <http://www.livemedical.ch/index.php>

Bin dankbar für alle Hinweise...

gruss manuel

### [#4](https://www.typo3.net/d/45334-cron-cssstyledimgtext-css-styled-contend-bild-ist-zu-4px-zu-hoch-oben-plazeiert/4) · just2b · 2006-06-26

liegts nicht einfach an dem:

> .bodytext{
> 	line-height: 200%;
> }

?
lg georg

### [#5](https://www.typo3.net/d/45334-cron-cssstyledimgtext-css-styled-contend-bild-ist-zu-4px-zu-hoch-oben-plazeiert/5) · _o3_ · 2006-06-26

100gummipunkte an just2b....

### [#6](https://www.typo3.net/d/45334-cron-cssstyledimgtext-css-styled-contend-bild-ist-zu-4px-zu-hoch-oben-plazeiert/6) · just2b · 2006-06-26

> **_o3_ schrieb:**
>
> 100gummipunkte an just2b....

und bei 1000 gummipunkten bekomm ich soviel waschmaschinen wie ich tragen kann oder schreibst in 4h meine klausur?  8-)

georg
PS: sorry für OT :D

### [#7](https://www.typo3.net/d/45334-cron-cssstyledimgtext-css-styled-contend-bild-ist-zu-4px-zu-hoch-oben-plazeiert/7) · ion · 2006-06-26

Vielen Dank für eure Antwort.

Ich habe gar nicht mehr daran gedacht. :-(

Habt Ihr eine Idee wie ich dies trotz doppeltem Zeilen abstand lösen könnte?

Danke, für euer "mitdenken"

Gruss Manuel

---

Quelle: „cron_cssstyledimgtext & css styled contend Bild ist zu 4px zu hoch oben plazeiert“, typo3.net, https://www.typo3.net/d/45334-cron-cssstyledimgtext-css-styled-contend-bild-ist-zu-4px-zu-hoch-oben-plazeiert
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
