Zum Inhalt springen

Anker mit CSS formatieren

Erstellt am 25. August 2008 · 2 Antworten · letzte Antwort am 25. August 2008

Tags: Frage

Unbekannter Benutzer ·

Hallo,

ich möchte gerne den "Nach oben"-Link den man über das Backend von Typo3 nach jedem Datensatz setzen kann,
formatieren und zwar, dass es keine Schrift mehr ist, sondern nur eine Grafik.

Weiter habe ich festgestellt, dass der "Nach oben"-Link im Internet Explorer nicht funktioniert.
Der Doctype der Seite ist XHTML 1.1 und standardkonform (hab ich überprüft).

Weis jemand wie ich die Anker im IE zum Laufen bringe und sie auch noch so formatieren kann wie ich möchte?

Vielen Dank schon mal im Vorraus.

LG Buckshot

SLAng ·

Ich weiß nicht warum das im IE nicht funktionieren sollte... bei mir gehts in allen bekannten Browsern.

In deiner HTML-Vorlage einen Anker ganz oben einfügen: <a id="top"></a>

Dann kannst du den toTop Link folgendermaßen formatieren:

tt_content {
	stdWrap {
		innerWrap2 = | <a href="{TSFE:siteScript}#top">Nach oben</a>
	}
}

Das "Nach oben" kannst du dann einfach durch die gewünschte Grafik austauschen.
Das ganze kannst du wrappen wie du willst, oder auch mit einer class versehen.

Unbekannter Benutzer · · Beste Antwort

Hi,

also das mit dem Formatieren hat funktioniert und ich weis auch warum es im IE nicht funktioniert.

Wegen dieser Browserweiche:

[if lt IE 7]
	@media screen
	{
		html, body
		{
			height: 100%;
			overflow: hidden;
		}
		#scroll_ie
		{
			height: 100%;
			width: 100%;
			overflow: auto;
		}
		#content
		{
			position: static;
		}
	}
[endif]

Da diese aber leider unabdingbar für mich ist wende ich jetzt folgenden Trick an und zwar lasse ich die Seite neu laden, in dem ich das "#top" beim wrap rauslasse. Daher brauch ich auch keinen Anker mehr im Template. Ich weis, es ist zwar nicht die beste Lösung aber immerhin eine :p

Vielen Dank an Dich!

LG Buckshot