border="0" bei Bildern nicht anzeigen [Gelöst]

  • diem48 diem48
    TYPO3-Anwärter
    0 x
    6 Beiträge
    0 Hilfreiche Beiträge
    07. 04. 2009, 23:56

    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


  • 1
  • kolki kolki
    Jedi-General
    0 x
    1044 Beiträge
    5 Hilfreiche Beiträge
    08. 04. 2009, 07:17

    border: none;

  • diem48 diem48
    TYPO3-Anwärter
    0 x
    6 Beiträge
    0 Hilfreiche Beiträge
    08. 04. 2009, 10:13

    nicht unbedingt ...

    [HTML]klassenname { border: none; }[/HTML]

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

    [HTML]klassenname { border: 0px; }[/HTML]

    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??

  • brokemeister brokemeis...
    Jedi-Ratsmitglied
    0 x
    762 Beiträge
    0 Hilfreiche Beiträge
    08. 04. 2009, 11:18

    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;
    }[/HTML]

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

    Gruß

    Malte

  • diem48 diem48
    TYPO3-Anwärter
    0 x
    6 Beiträge
    0 Hilfreiche Beiträge
    08. 04. 2009, 12:54

    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!!
    [/HTML]

  • karlchen karlchen
    Jedi-General
    0 x
    1433 Beiträge
    30 Hilfreiche Beiträge
    08. 04. 2009, 16:09

    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:
    [TS]config.disableImgBorderAttr = 1
    [/TS]

    weiteres dazu in der TSref
    http://typo3.org/documentation/document-library/core-documentation/doc_core_tsref/4.2.0/view/1/7/#id4213956

  • diem48 diem48
    TYPO3-Anwärter
    0 x
    6 Beiträge
    0 Hilfreiche Beiträge
    22. 04. 2009, 21:10

    hi karlchen,

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

    Dieter

  • johanness johanness
    Jedi-Ratsmitglied
    0 x
    916 Beiträge
    0 Hilfreiche Beiträge
    15. 02. 2011, 15:11

    Danke karlchen!

    1. config.disableImgBorderAttr = 1

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

  • 1