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
nicht unbedingt ...
klassenname { border: none; }
das ist als css-tag schon mal nicht valide, da gehört
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??
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...
IMG {
border: 0;
}
(Bei 0 kannst du "px" weglassen, sollte minimal schneller sein 😉 )
Gruß
Malte
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.
<img src="irgendwas.jpg" border="0">
^^^^^^^^^^ <- weg!!
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:
config.disableImgBorderAttr = 1
weiteres dazu in der TSref
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/TopLevelObjects/Index.html
hi karlchen,
danke, das war es. Das habe ich im TSref völlig übersehen.
Dieter
Danke karlchen!
config.disableImgBorderAttr = 1
Mit dieser Einstellung erhält man endlich validen HTML5-Code von css_styled_content 🙂