nicht angemeldet
Gernot BackHallo Kai345,
[1] In jedes Button-Element wird ein span_Element geschrieben, welches wiederum das eigentliche Flaggen-Bild als img_Element enthält. Per margin-left und margin-top wird dann nur die gewünschte Flagge angezeigt. Ich beschränke mich im Beispiel auf die ursprüngliche Größe von w:h 128px:85px, diverse Werte werden im Quiz -anders als im Beispiel- dynamisch errechnet und das Flaggen-Bild per width und height-Attribut skaliert, um verschiedene Flaggen-Größen zu realisieren.
Da ich bei deinem Flaggen-Sprite gar keine unterschiedlichen Formate sehen kann (selbst die Schweizer Flagge hat da dasselbe Längen-zu-Breiten-Verhältnis wie alle anderen, was ja eigentlich falsch ist) fragt man sich schon, warum du den Sprite nicht einfach so, wie es üblich ist, als unterschiedlich zu positionierendes Hintergrundbild direkt dem BUTTON-Element zuweist und das ganze Gedöns mit den SPAN- und IMG-Elementen weglässt.
Gruß Gernot