Zum Inhalt springen

tt_news: more-Link durch eine Grafik ersetzen

Erstellt am 25. Mai 2012 · 2 Antworten · letzte Antwort am 3. Juni 2012

Tags: tt_news, Frage

Shatti ·

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:

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.

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:

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

LuP ·

Hallo,

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

VG,
LuP

SirRuddy ·

...vor allem solltest Du Dich mal fragen warum Du ein <img> noch einmal mit einem <div> wrappst nur um ihm Style-Attribute zu geben #angry# Die Style-Tags funktionieren auch im Image-Tag #paralyzed#