TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » TypoScript » Barrierefreiheit

barrierefreie Headergrafik mit image replace und IE7


Autor Nachricht
Verfasst am: 18. 03. 2011 [20:44]
Juergen_190
Themenersteller
Dabei seit: 21.01.2008
Beiträge: 99
 Hallo,

Ich versuche ein Headerbild in einen H1 Tag einzubinden, und möchte das ganze per Typolink auf die Stratseite verlinken lassen.
Das funktioniert auch, aber beim IE7 und dem kompatibilitätsmodus ändert sich der
Mauszeiger beim Überfahren der Grfaik nicht.
Beim IE8 und im FF geht es.

Kann mir da jemand helfen?

Hier meine Typoscript:

TYPOSCRIPT
tempheader = COA
tempheader {
stdWrap.typolink.parameter = 2
  10 = IMAGE
  10.altText = meintext
  10.TitleText = meintext
  10.wrap = <h1 class="imageheader" style="background-image: url(fileadmin/templates/images/headerbild.jpg)">
  10.file = GIFBUILDER
  10.file {
 
     XY = 980, 130
     transparentColor = #ffffff
     backColor = #cccccc
  }
 
  20 = TEXT
  #20.current = 1
  20.wrap = Seite mit Image Ressource|</h1>
}
 
lib.header < tempheader


hier das css:
CSS
#header h1.imageheader {
 
   overflow: hidden;
   height: 130px;
   width: 980px;
   background-repeat:no-repeat;
   text-indent: -999em;
   white-space: nowrap;
 
}


und hier noch der doctype:

TYPOSCRIPT
#DOCTYPE auf XHTML 1.0 Strict setzen, für den IE wird die XML-Angabe umgedreht
config.locale_all = de_DE
config.doctype = xhtml_trans
config.htmlTag_langKey = de-DE
config.xhtml_cleaning = all
 
[browser = msie]
config.xmlprologue = none
[global]


Für Tipps bedanke ich mich.

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 18.03.2011 um 20:46.]
Profil
Verfasst am: 18. 03. 2011 [22:27]
igorshmigor
Dabei seit: 17.03.2006
Beiträge: 888
 Ich würde den Link innerhalb des h1-Tags setzen, nicht umgekehrt.
Also
HTML
<h1 class="imageheader"><a href="meinlink.html">Seite mit Image Ressource</a></h1>

statt
HTML
<a href="meinlink.html"><h1 class="imageheader">Seite mit Image Ressource</h1></a>

Dann würde ich die ganzen CSS-Eigenschaften, die Du #header h1.imageheader zugewiesen hast stattdessen dem Link zuweisen. Also einfach #header h1.imageheader a draus machen.
http://www.pascalcollins.de
http://twitter.com/#!/igorshmigor
ProfilWWW
Verfasst am: 18. 03. 2011 [22:57]
Juergen_190
Themenersteller
Dabei seit: 21.01.2008
Beiträge: 99
 Vielen Dank,

Aber wie kriege ich diese HTML Ausgabe mit obigem Typoscript so hin?
Profil