---
title: "border=\"0\" bei Bildern nicht anzeigen"
url: "https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Bilder","Frage","HTML & CSS"]
created: "2009-04-07"
last_reply: "2011-02-15"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# border="0" bei Bildern nicht anzeigen

Frontend › Barrierefreiheit · 7 Antworten · gestartet 2009-04-07

## Eröffnungsbeitrag

**diem48** · 2009-04-07 · [Beitrag #1](https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen/1)

Hallo zusammen,

bei der Validierung nach WAI-AAA jammert dieser über die border-attribute bei den images:

"The document contains the element: img with the deprecated attribute: border"

Wie bekomme ich dieses border="X" jetzt aber vollständig bei allen images weg und - noch besser - ersetzte dieses Attribute durch einen css-tag style="border:Xpx;"??

Ich nutze:
 doctype = xhtml_trans
 xhtml_cleaning = all
 htmlTag_langKey = de
 doctypeSwitch = 1
 xmlprologue = none

Als Template: css_styled_content

Bis dato habe ich dazu nicht wirklich was gefunden, habt ihr eine Idee dazu?

Danke vielmals,

Dieter

## Antworten

### [#2](https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen/2) · kolki · 2009-04-08

border: none;

### [#3](https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen/3) · diem48 · 2009-04-08

nicht unbedingt ...

```html
klassenname { border: none; }
```

das ist als css-tag schon mal nicht valide, da gehört

```html
klassenname { border: 0px; }
```

hin.

Ich will/muss aber den HTML-tag im img-tag weg und diesen durch ein css-tag ersetzt bekommen:

statt <img src="irgendwas.jpg" border="0">
sollte <img src="irgendwas.jpg" style="border:0px;">

angezeigt werden.

Oder statt <img src="irgendwas.jpg" border="2">
eben dann <img src="irgendwas.jpg" style="border:2px;">

Der HTML-border-tag im img-tag ist lt. WAI-AA nicht mehr gültig, der gehört weg.
Nur wie??

### [#4](https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen/4) · brokemeister · 2009-04-08

Hi!
Du musst dir mal das TS-Template von css_styled_content anschauen... dort wird irgendwo der Wert aus der DB an das Bild übergeben.

Ich gehe mal davon aus, dass du keine Rahmen haben willst... Dann schreibe einfach folgenes in in deine CSS-Datei...

```html
IMG {
  border: 0;
}
```

(Bei 0 kannst du "px" weglassen, sollte minimal schneller sein ;) )

Gruß

Malte

### [#5](https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen/5) · diem48 · 2009-04-08

Hi,

danke, das ist mir schon klar wie es mit css funktioniert ...

nur setzt t3 bei den Bildern den HTML-tag "border="x" in das img-tag.
Und genau diesen Tag will ich weg haben.

```html
<img src="irgendwas.jpg" border="0">
                         ^^^^^^^^^^ <- weg!!
```

### [#6](https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen/6) · karlchen · 2009-04-08

Für xhtml_trans scheint das Atrribut noch gültig zu sein,
wenn du deinen Doctype auf xhtml_strict,xhtml_11 oder xhtml_2 änderst, wird das Border weg gelassen.

Ansonsten:

```typoscript
config.disableImgBorderAttr = 1
```

weiteres dazu in der TSref
<https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/TopLevelObjects/Index.html>

### [#7](https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen/7) · diem48 · 2009-04-22

hi karlchen,

danke, das war es. Das habe ich im TSref völlig übersehen.

Dieter

### [#8](https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen/8) · johanness · 2011-02-15

Danke karlchen!

```typoscript
config.disableImgBorderAttr = 1
```

Mit dieser Einstellung erhält man endlich validen HTML5-Code von css_styled_content :)

---

Quelle: „border="0" bei Bildern nicht anzeigen“, typo3.net, https://www.typo3.net/d/88715-border0-bei-bildern-nicht-anzeigen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.