---
title: "Text w/image, Rahmen ums Bild!?"
url: "https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild"
source: "typo3.net"
tags: ["Allgemein","Bilder","Frage","HTML & CSS"]
created: "2005-04-20"
last_reply: "2005-04-21"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# Text w/image, Rahmen ums Bild!?

Allgemein · 8 Antworten · gestartet 2005-04-20

## Eröffnungsbeitrag

**ffranke** · 2005-04-20 · [Beitrag #1](https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild/1)

Hi wie krieg ichs hin, daß Typo einen 1px Rahmen um das Bild macht?

Per CSS wär mir eine Lösung auch lieb, jedoch weiss ich nicht wie den entsprechenden Style in den Bildtag einbauen soll...

gruss danke Florian

## Antworten

### [#2](https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild/2) · webdeveloper · 2005-04-20

css:

img {
  border:1px solid black;
}

hab's nicht getestet... probier's mal aus

### [#3](https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild/3) · ffranke · 2005-04-20

Prinzipiell gehts, nur macht er mirt jetzt auf der ganzen Seite einen Rand drum (was ja eigentlich auch logisch ist) Wie kann ich dieses CSS Befehl nur auf meinen Content-Bereich beziehen!?

Gruss Danke

### [#4](https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild/4) · ina · 2005-04-20

Das ist jetzt aber ein CSS Problem...

```plaintext
img .content {border:1px solid black}
```

und dabei deinen Content-Bereich natürlich mit der (CSS) Klasse content benennen.

### [#5](https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild/5) · webdeveloper · 2005-04-20

du könntest den bildern namen oder id's geben, um sie anzusprechen (mit einer css-klasse)

```typoscript
styles.content.imgtext.maxW = 1000
```

damit kan man alle bilder über T3 auf eine max-breite von 100px setzen.

```typoscript
styles.content.imgborder = 1
```

so vielleicht?

\edit:
oder so wie ina beschreibt ;)

### [#6](https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild/6) · ffranke · 2005-04-21

hmmm,

erstmal danke für eure Antworten!

Leider lösen eure Vorschläge mein Problem nicht.
Anbei mal den Style, mit denen ich mein Content-Design festlege...

```css
td#pagecontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
	right: 10px;
	color: #333333;
}
```

Noch jemand ne idee?

@ina.. ich hab selbstverständlich das .content duch .pagecontent ersetzt (auch hab ichs mit td#pagecontent usw. probiert..)

gruss danke

### [#7](https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild/7) · ffranke · 2005-04-21

aha, mit ein wenig probieren:

```plaintext
td#pagecontent img{border:1px solid black;}
```

Das ist der richtige CSS-Code. Jetzt habe ich allerdings das nächste Problem. Er setzt diesen Rahmen jetzt logischweise nicht nur um die gwünschten Bidler sondern auch um die Spacer!!

Jemand ne Idee wie man dieses Problem löst?

Gruss danke Flo

### [#8](https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild/8) · ina · 2005-04-21

Ok, jetzt lass ich mal den Oberlehrer raushängen, nur damit wir nicht aneinander vorbei schreiben ;)

Klassen werden mit nem Punkt  definiert, IDs mit der Raute (#)

Bei kontextabhängiger Definitionen wird "von rechts nach links" interpretiert.  Also **td #pagecontent** ->
für ID-Bereich pagecontent innerhalb einer Tabellen-Zelle.
oder einfacher **h1 em** -> em innerhalb von h1 ist betroffen.
(Bei dieser Schreibweise mag td#pagecontent [also zusammen geschrieben] auch gehen, weiss ich nicht.)

Demnach sollte
td#pagecontent img {border:1px solid black} doch einen Rahmen um alle Bilder in deinem pagecontent machen. Oder?
#pagecontent img {border:1px solid black} müsste aber auch gehen

### [#9](https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild/9) · ina · 2005-04-21

> Jetzt habe ich allerdings das nächste Problem. Er setzt diesen Rahmen jetzt logischweise nicht nur um die gwünschten Bidler sondern auch um die Spacer!!
>
> Jemand ne Idee wie man dieses Problem löst?

Da brauchst du wohl doch TS ;)

---

Quelle: „Text w/image, Rahmen ums Bild!?“, typo3.net, https://www.typo3.net/d/23919-text-wimage-rahmen-ums-bild
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.