Barrierefreies Hintergrundbild

  • eric79 eric79
    R2-D2
    0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    13. 03. 2008, 09:56

    Hallo

    hier erstmal mein html und und den vorläufigen ts

    [HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Your Page Title</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <!-- add your meta tags here -->
    <link href="css/main/base.css" rel="stylesheet" type="text/css" />
    <link href="css/main/basemod.css" rel="stylesheet" type="text/css" />
    <link href="css/main/content.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="page_margins">
    <div id="header"></div>
    <div id="nav"></div>
    <div id="col1" class="transparent">
    <div id="col1_content" class="clearfix"></div>
    </div>
    <div id="col3" class="transparent">
    <div id="col3_content" class="clearfix"></div>
    <!-- IE Column Clearing -->
    <div id="ie_clearing"> </div>
    </div>
    <!-- begin: #footer -->
    <div id="footer"></div>
    </div>
    </body>
    </html>[/HTML]

    [TS]# Default PAGE object:
    page = PAGE
    page.typeNum = 0
    page.10 = USER
    page.10.userFunc = tx_templavoila_pi1->main_page

    # Dynamisches Hintergrundbild
    lib.hgbild = TEXT
    lib.hgbild {
    field = media
    listNum = 0
    wrap = background-image: url(fileadmin/templates/img/HintergrundBlatt.png)
    }[/TS]

    ich habe ein hintergrundbild in page_margin eingefügt und es wird mir auch angezeigt. da bei mir alles dynamische bzw. barrierefrei ist, sollte sich das bild dem container (page_margin) automatisch anpassen.

    mein frage ist geht das und vorallem wie???
    MFG


  • 1
  • einpraegsam.net einpraegs...
    MacGyver
    0 x
    9340 Beiträge
    80 Hilfreiche Beiträge
    13. 03. 2008, 10:14

    IMO können Hintergrundbilder per CSS nicht in der Größe verändert werden (jedanfalls noch nicht).

    Man müsste mit TYPO3 an die Fenstergröße des Besuchers herankommen und dann das Hintergrundbild dynamisch generieren (Aufwand, Sinn?)

    in2code.de - Wir leben TYPO3
    - Möchtest du TYPO3 komplett verstehen? Eigene Erweiterungen erstellen? Bei uns gibt es auch Schulungen https://www.in2code.de/produkte/typo3-schulungen/
    - Die Arbeit mit TYPO3 macht dir Spaß? Du stehst auf Berge? Komm zu uns! https://www.in2code.de/agentur/karriere/

  • eric79 eric79
    R2-D2
    0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    13. 03. 2008, 12:26

    Das weiss ich das das nicht geht....deswegen habe ich das bild auch per ts eingefügt und nicht per css.

    das problem ist die seite ist dynamisch und passt sich der jeweiligen auflösung an. dann würde mein Hintergrundbild je nach auflösung kleiner oder größer im container werden bzw es bleibt ja gleich groß nur der container wird kleiner oder größer, und das soll ja mit dem container größer oder kleiner werden

    dafür sollte es doch ne lösung geben in typo3??

  • fuss fuss
    Jedi-Meister
    0 x
    375 Beiträge
    0 Hilfreiche Beiträge
    13. 03. 2008, 21:46

    Olla!

    Vielleicht hilf Dir das ja weiter:
    [url]http://home.comcast.net/~ansiguy/alpha_image_test_2.htm[/url]

    Ist keine CSS basierte Lösung (bezogen auf background-image), sondern mit z-index und absoluter Positionierung.

    gruss, fuss

    my system:
    C-64 I, 65816@20mhz, 16mb ram, 4x 6581r4 (12 channel fm-sound), 384mb scsi hd
    go sixtyfour! go!

  • eric79 eric79
    R2-D2
    0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    14. 03. 2008, 09:13

    hi fuss danke für deine antwort

    aber leider ist das nicht so ganz das passende.

    ich habe jetzt ein javascript gefunden das vielleicht nützen könnte. Nur weiss ich nicht wie ich jetzt die javadatei einbinden kann in lib.hgbild.

    für den headerberreich steht überall was, aber ich will es in lib.hgbild einbinden. wenn jemand ne idee hat her damit

    MFG

  • suit suit
    Padawan
    0 x
    47 Beiträge
    0 Hilfreiche Beiträge
    21. 03. 2008, 16:26

    wie kann ein hintergrundbild jemals barrierefrei sein?

    ein hintergrundbild ist ein reines designelement und kein content - es ist völlig egal ob ein blinder benutzer oder ein motorisch eingeschränkter benutzer etwas damit anfangen kann oder nicht - wenn es fehlt, darf es nicht stören

    wenn das bild inhalt ist und nicht zum design gehört, dann darf man es auch nicht als hintergrund einbinden

    ich bin also am rätseln, wie die frage hier eigentlich gemeint ist

  • laser laser
    Sternenflotten-Admiral
    0 x
    204 Beiträge
    0 Hilfreiche Beiträge
    21. 03. 2008, 23:14

    Alles eine Frage der Technik. Der Hintergrund muss einfach "wiederholbar" sein. Gutes Beispiel sind die iGoogle-Hintergründe. Schau dir einfach da an wie das gemacht wird.

    http://google.de/ig/

    Edit:
    Im CSS ist das dann repeat-x/y
    [HTML]blub { background:white url(..) top repeat-x; }[/HTML]

  • einpraegsam.net einpraegs...
    MacGyver
    0 x
    9340 Beiträge
    80 Hilfreiche Beiträge
    22. 03. 2008, 11:19

    [quote="suit"]
    wie kann ein hintergrundbild jemals barrierefrei sein?

    ein hintergrundbild ist ein reines designelement und kein content...
    [/quote]

    Sehe ich ganz genauso!

    in2code.de - Wir leben TYPO3
    - Möchtest du TYPO3 komplett verstehen? Eigene Erweiterungen erstellen? Bei uns gibt es auch Schulungen https://www.in2code.de/produkte/typo3-schulungen/
    - Die Arbeit mit TYPO3 macht dir Spaß? Du stehst auf Berge? Komm zu uns! https://www.in2code.de/agentur/karriere/

  • 1