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

Jetzt testen!

Schulungen

tt_news: more-Link durch eine Grafik ersetzen


Autor Nachricht
Verfasst am: 25. 05. 2012 [11:58]
Shatti
Themenersteller
Dabei seit: 01.09.2011
Beiträge: 12
Hallo,

ich habe den more-Link von tt_news durch eine Grafik ersetzt und jetzt funktioniert der Link im IE nicht mehr.
Vermutlich kommt der Fehler von Typo3, weil die Grafik automatisch von einem p-tag gewrappt wird mit der Klasse "Bodytext" oder weil der IE das Div "readmore" und den a-Tag nicht abschließt. Wenn ich nur Text in den more-Link schreibe funktioniert es, warum dann nicht auch mit einer Grafik?
Meine Versuche, den p-Tag zu entfernen sind gescheitert, mir ist es nur gelungen die Klasse zu entfernen.
Mit Google Chrome funktioniert es, der IE macht mal wieder zicken.

Folgendes steht in meinem TS-Setup:
TYPOSCRIPT
plugin.tt_news._LOCAL_LANG.de{
  more = <div class="readmore"><img src="./fileadmin/images/design_images/mehr.gif" /></div>
  backToList = Zurück
}
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines {
addAttributes.P.class >
}


Oder als Hintergrund-Grafik funktioniert es in beiden Browsern nicht, obwohl ich eine Test HTML-Datei angelegt habe und dort hat es funktioniert.
TYPOSCRIPT
more = <div style="width:45px;height:16px;background: url(./fileadmin/images/design_images/mehr.gif) no-repeat;float:right;"></div>


Dies steht dann anschließend im Frontend Quellcode:
HTML
....
<span class="news-list-morelink">
<a title="...." href="....">
<p class="bodytext">
<img src="./fileadmin/images/design_images/mehr.gif" />
<p/>
.....


Ich hoffe jemand kann mir helfen.

mfg Shatti
Profil
Verfasst am: 25. 05. 2012 [16:42]
LuP
Dabei seit: 12.04.2007
Beiträge: 491
Hallo,

mit diesem Ansatz könntest Du das lösen. {register:readmore} durch <img src="/fileadmin/images/design_images/mehr.gif" /> ersetzen.

VG,
LuP
Profil
Verfasst am: 03. 06. 2012 [20:24]
SirRuddy
Dabei seit: 27.03.2006
Beiträge: 98
...vor allem solltest Du Dich mal fragen warum Du ein <img> noch einmal mit einem <div> wrappst nur um ihm Style-Attribute zu geben banghead.gif Die Style-Tags funktionieren auch im Image-Tag icon_rolleyes.gif
Profil