FORUM » TypoScript » Barrierefreiheit

Barrierefreies Hintergrundbild

Autor Nachricht
Verfasst am: 13.03.2008 [09:56]
eric79

[Themenersteller]
dabei seit: 17.11.2006
Beiträge: 51
 Hallo

hier erstmal mein html und und den vorläufigen ts

Html4strict:Zeilennummerierung:  An / Aus

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>Your Page Title</title>
  5. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6. <!-- add your meta tags here -->
  7. <link href="css/main/base.css" rel="stylesheet" type="text/css" />
  8. <link href="css/main/basemod.css" rel="stylesheet" type="text/css" />
  9. <link href="css/main/content.css" rel="stylesheet" type="text/css" />
  10. </head>
  11. <body>
  12.   <div id="page_margins">
  13.       <div id="header"></div>
  14.       <div id="nav"></div>
  15.       <div id="col1" class="transparent">
  16.           <div id="col1_content" class="clearfix"></div>
  17.       </div>
  18.       <div id="col3" class="transparent">
  19.           <div id="col3_content" class="clearfix"></div>
  20.           <!-- IE Column Clearing -->
  21.           <div id="ie_clearing">   </div>
  22.       </div>
  23.       <!-- begin: #footer -->
  24.       <div id="footer"></div>
  25.   </div>
  26. </body>
  27. </html>



Typoscript:Zeilennummerierung:  An / Aus

  1. # Default PAGE object:
  2. page = PAGE
  3. page.typeNum = 0
  4. page.10 = USER
  5. page.10.userFunc = tx_templavoila_pi1->main_page
  6.  
  7. # Dynamisches Hintergrundbild
  8. lib.hgbild = TEXT
  9. lib.hgbild {
  10.         field = media
  11.         listNum = 0
  12.         wrap = background-image: url(fileadmin/templates/img/HintergrundBlatt.png)
  13.         }


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
Verfasst am: 13.03.2008 [10:14]
einpraegsam.net

[Moderator]
dabei seit: 17.01.2005
Beiträge: 5451
über 5000 Posts		 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?)
Powermail :: Einprägsam :: Smokethis :: Mein Profil bei XING :: conject
Verfasst am: 13.03.2008 [12:26]
eric79

[Themenersteller]
dabei seit: 17.11.2006
Beiträge: 51
 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??

[Dieser Beitrag wurde 1 mal bearbeitet. Zuletzt am 13.03.2008 um 12:28]
Verfasst am: 13.03.2008 [21:46]
fuss


dabei seit: 02.06.2005
Beiträge: 296
 Olla!

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

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

gruss, fuss
My system:
C64 I, 65816@20Mhz, 16MB RAM, 4x 6581R4 (12 fm channels)
Verfasst am: 14.03.2008 [09:13]
eric79

[Themenersteller]
dabei seit: 17.11.2006
Beiträge: 51
 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

[Dieser Beitrag wurde 1 mal bearbeitet. Zuletzt am 14.03.2008 um 09:14]
Verfasst am: 21.03.2008 [16:26]
suit

dabei seit: 09.01.2007
Beiträge: 32
 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
Verfasst am: 21.03.2008 [23:14]
laser


dabei seit: 03.11.2005
Beiträge: 175
 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
Html4strict:Zeilennummerierung:  An / Aus

  1. blub { background:white url(..) top repeat-x; }


[Dieser Beitrag wurde 1 mal bearbeitet. Zuletzt am 21.03.2008 um 23:16]
Martin-Hesse.info - TYPO3-Extensions
Verfasst am: 22.03.2008 [11:19]
einpraegsam.net

[Moderator]
dabei seit: 17.01.2005
Beiträge: 5451
über 5000 Posts
suit schrieb:

wie kann ein hintergrundbild jemals barrierefrei sein?

ein hintergrundbild ist ein reines designelement und kein content...


Sehe ich ganz genauso!
Powermail :: Einprägsam :: Smokethis :: Mein Profil bei XING :: conject



Impressum | Kontakt | TYPO3-Hosting | TYPO3-Schulungen

  
TYPO3 Version 4.2.2 testen

TYPO3 Ver. 4.2.2 testen

Testen Sie die neue TYPO3 Version 4.2.2 kostenlos für einen Monat

TYPO3 Bücher

TYPO3 Workshops

TYPO3 Einführungsschulung
in Berlin:
Montag, 17.11.
in Espelkamp:
Freitag, 08.12.
TYPO3 Intensivschulung
in Würzburg:
Mo., 27.10. - Mi., 29.10.
in Köln:
Mo., 10.11. - Mi., 12.11.
in Berlin:
Mi., 19.11. - Fr., 21.11.
in Espelkamp:
Mi., 10.12. - Fr., 12.12.
TYPO3 Extensionschulung
in Berlin:
Mo., 24.11. - Mi., 26.11.
in Espelkamp:
Mo., 15.12. - Mi., 17.12.