Nach Oben Button ändern

[fvoellmer]

Hallo erst einmal an alle,

ich habe von einer Seite ein Script geladen und bei mir in meinem Homepagebaukasten eingebunden, welches auf der rechten Seite beim runter scrollen einen Pfeil nach oben zeigt, mit dem man beim daraufklicken wieder sanft nach oben kommt.

Für euch wahrscheinlich nichts spektakuläres. :)

Diesen Pfeil möchte ich nun durch Text ersetzen.

Ich kopiere hier jetzt mal den Teil rein wo der Link zu der Grafik erscheint.

#back-top span {
width: 40px;
height: 40px;
display: block; background: url(http://i62.tinypic.com/24p05k6.jpg)
}
</style>
<div id="back-top" style="display: block;" >
<a href="#top"><span></span></a>
</div>

Die URL verweist auf den Pfeil, den ich bei Tinypic gespeichert habe.

Falls das ganze Script benötigt wird kann ich es natürlich nachreichen.

Meine Frage ist nun wie ich die Grafik durch einen Text ersetze, also das Wort Top soll dann erscheinen.

Das ist wahrscheinlich sehr simpel, aber für mich noch ein Buch mit mindestens sieben Siegeln.

Vielen Dank

Tschau
Friedhelm

 

[Tronjer]

welches auf der rechten Seite beim runter scrollen einen Pfeil nach oben zeigt, mit dem man beim daraufklicken wieder sanft nach oben kommt.

Klingt nach JavaScript. Dein CSS Code hilft dir da nichts.

 

[Sempervivum]

Setze hier deinen Text ein:

<a href="#top"><span>Top</span></a>

und lösche im CSS die background-Anweisung. Höhe und Breite kannst Du anpassen.

 

[fvoellmer]

Hallo,

danke für die Antworten.

@Sempervivum
Wenn es geklappt melde ich mich noch einmal.

Tschau
Friedhelm

 

[fvoellmer]

Setze hier deinen Text ein:

<a href="#top"><span>Top</span></a>

und lösche im CSS die background-Anweisung. Höhe und Breite kannst Du anpassen.

So, das hat hat geklappt, nur wenn ich width und height ändere passiert nicht. Ist aber auch egal.

In die Zeile a href usw. kann ich doch bestimmt auch die Anweisung <b></b> mit einbauen um den Text fett darzustellen, oder?

Vielen Dank

Tschau
Friedhelm

 

[Sempervivum]

Ja natürlich, das kannst Du.
Dass das mit Höhe und Breite nicht geht, liegt wahrscheinlich daran, dass span ein Inline-Element ist.

 

[fvoellmer]

Ja natürlich, das kannst Du.

Hallo,

hat alles prima geklappt.
Ich habe noch <FONT SIZE="?"> mit eingefügt um die Schrift etwas größer zu machen.

Danke für die Hilfe / Tipps.

Tschau
Friedhelm