---
title: "Abgerundetes Rechteck um Bilder"
url: "https://www.typo3.net/d/28796-abgerundetes-rechteck-um-bilder"
source: "typo3.net"
tags: ["Allgemein","Bilder","Frage"]
created: "2005-08-16"
last_reply: "2005-08-22"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Abgerundetes Rechteck um Bilder

Allgemein · 3 Antworten · gestartet 2005-08-16

## Eröffnungsbeitrag

**mediaman** · 2005-08-16 · [Beitrag #1](https://www.typo3.net/d/28796-abgerundetes-rechteck-um-bilder/1)

Moin,

eine allgemeine Frage zu den Fähigkeiten von Typo3:

Ist es eigentlich möglich mit dem Image-Builder oder so ein abgerundetes Rechteck automatisch um Bilder zu bauen oder führt kein Weg um das Bildbearbeitungsprogramm vorbei, mit dem ich das manuell machen muss???

## Antworten

### [#2](https://www.typo3.net/d/28796-abgerundetes-rechteck-um-bilder/2) · mediaman · 2005-08-17

Ich beantworte meine Frage jetzt mal selbst. Vielleicht hilft das irgendjemanden weiter. Es hat aber nicht mehr viel mit Typo3 zu tun, denn ich habe das mit schlichtem HTML gemacht. Also für den Mozilla-Browser gibt es ein CSS-Style mit dem man abgerundete Ecken um Bilder bekommt (-moz-border-radius: 15px;). Problem: es läuft halt nur auf Mozilla und Firefox und die benutzen vielleicht 3 % aller Internetuser. Also ist der unproblematischste Weg einfach Bilder als Rand zu benutzen und die in dem Template und dem Table um das Bild anzuordnen.

Hier der Ausschnitt aus dem Template der Image-Swopper-4x4 Extention:

```php
   <table cellpadding="0" cellspacing="0" border="0" margin="0">
    <tr>
     <td colspan="3" style="height:29px;"> </td>
     </tr>
     <tr>
     <td><img src="fileadmin/_gfx/rahmen_image/oben_links.jpg" width="8" height="8" alt="" /></td><td><img src="fileadmin/_gfx/rahmen_image/oben_unten.jpg" width="270" height="8" alt="" /></td><td><img src="fileadmin/_gfx/rahmen_image/oben_rechts.jpg" width="8" height="8" alt="" /></td>
     </tr>
    <tr>
     <td><img src="fileadmin/_gfx/rahmen_image/links_rechts.jpg" width="8" height="270" alt="" /></td><td><img src="###INITIALSWOPPERIMAGE###" width="270" height="270" border="0" alt="" name="swopperDestination" /></td><td><img src="fileadmin/_gfx/rahmen_image/links_rechts.jpg" width="8" height="270" alt="" /></td>
    </tr>
      <tr>
     <td><img src="fileadmin/_gfx/rahmen_image/unten_links.jpg" width="8" height="8" alt="" /></td><td><img src="fileadmin/_gfx/rahmen_image/oben_unten.jpg" width="270" height="8" alt="" /></td><td><img src="fileadmin/_gfx/rahmen_image/unten_rechts.jpg" width="8" height="8" alt="" /></td>
     </tr>
    <tr>
     <td rowspan="2"><td>
    </tr>
   </table>
```

Tja, so simpel kann es sein.... Manchmal sieht man halt den Wald vor lauter Bäumen nicht.

### [#3](https://www.typo3.net/d/28796-abgerundetes-rechteck-um-bilder/3) · 4square · 2005-08-22

Alternativ kannst Du das auch mit dem GIFBUILDER lösen (maskieren):

```typoscript
wasimmerduwillst = IMAGE
  	wasimmerduwillst.file = GIFBUILDER 
	wasimmerduwillst.file {
  		XY = 10,10
		10 = IMAGE
		10 {
		file = deine_datei
  		mask = deine_maske
		maxH = wenn_du_es_brauchst
		maxW = wenn_du_es_brauchst
		}
  	}
```

Grundsätzlich kann ein Blick in die TS-Ref nie schaden: <https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Gifbuilder/Properties.html>

### [#4](https://www.typo3.net/d/28796-abgerundetes-rechteck-um-bilder/4) · mediaman · 2005-08-22

hmm, interessant. Werd` mal überlegen ob ich das so mache.

---

Quelle: „Abgerundetes Rechteck um Bilder“, typo3.net, https://www.typo3.net/d/28796-abgerundetes-rechteck-um-bilder
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.