Bildnavigation mit CSS mit einer Bilddatei

[rakader]

Hab's leider vergessen, wie man Bildausschnitte in einem File per CSS für eine bildbasierte Navigation steuert, bzw. das in HTML tagt. In CSS war das was mit background-position. Im konkreten Fall sollen Bild-Buttons mit einer Nicht-Netzschrift (hover, active...) animiert werden.

Dummerweise finde ich meine Beispiele nicht mehr. Kann jemand helfen?

Dank vorab,
R. Kader

 

[ChristianPodlewski]

AW: Bildnavigation mit CSS mit einer Bilddatei

Du müsstest eine Bilddatei haben, in der neben oder untereinander die zwei Zustände für den Butto sind.
Wie man das in CSS realisiert, habe ich vor Ewigkeiten mal gelesen und wieder vergessen - google hat mir aber auf die Sprünge geholfen und hinter dem folgenden Link findest Du die perfekte Anleitung:
http://aktuell.de.selfhtml.org/artikel/css/mouseover/
Liebe Grüße aus Hannover!

EDIT: Die Nicht-Web-Font kann man wie folgt in der CSS einbinden:

@font-face
{
font-family: "Freestyle Script";
src: local("Freestyle Script"),
url("/fonts/FreestyleScriptStd.otf")
format("OpenType")
}

Soweit ich weiß, versteht das jeder Browser...

 

[rakader]

AW: Bildnavigation mit CSS mit einer Bilddatei

Moin Christian - vielen herzlichen Dank. Danach hatte ich gesucht. Die Bilder liegen in einer Datei vor, es wird nur nicht im html angezeigt. Aber mit der Anleitung sollte es gehen. Wenn nicht, bin ich so frei mich noch einmal zu melden.

Die Sache mit der Schrift ist meiner Ansicht nach technische Theorie. Meiner Info zufolge ist das abhängig von der Font-Lizenz - ein kompliziertes Feld. Aber ich behalte mir das mal im Hinterkopf. Auch Dank dafür - und viele Grüße aus den Karpaten.