[kampfgnom]

Noch einfacher ist es mit CSS:
du nimmst ein Bild mit zwei verschiedenen zuständen.
Der erste zustand Oben. der zweite in der unteren hälfte des Bildes.
Die grafik ist am ende also doppelt so hoch wie der Button selbst.

Dann setzt du sie per Hintergrundbild

a.bt-send {
	display:block;
	height:25px;
	width:59px;
	background-image: url(../graphics/buttons/sendform.gif) top;
}

a.bt-send:hover, a.bt-send:active, a.bt-send:focus {
	background-image: url(../graphics/buttons/sendform2.gif) bottom;
}

[Jann Hendrik]

Zitat von Ian

Gibt es eine Möglichkeit das zu verbessern, dass die "gehighlighteten" Grafiken wie bei JS irgendwie vorgeladen sind? Oder muss man einfach damit leben?

Du musst damit leben - oder dir mal dieses geniale Tutorial anschauen:
[CSS] CSS-Hover ohne Nachladen

[Ian]

@all
Danke für Euren schnellen Input!

@Jann Hendrik
Geniales Tutorial, welches ich gestern gefunden und gelesen habe.
Ich bin auch der Meinung, dass wenn schon CSS, dann auch vollständig und ohne legacy "JS PlugIns".

Habe mal folgendes umgesetzt (entspricht wohl in etwa dem Tutorial), was ich in meiner Bookmarksammlung schon einmal gespeichert hatte und wiedergefunden habe: LINK

...und es funzt bis auf Weiteres auch perfekt!

[Jann Hendrik]

Ja stimmt - das Tutorial dort war mir bisher nicht bekannt. Das Prinzip ist das gleiche.

[FloB]

<a class="bt-send" href="#" window.status='Send'; return true"; onClick="formcheck()" alt="Send this form now" title="Send this form now" tabindex="13"></a> 

Das ist aber alles andere als valide ... siehe Farbformatierung.

[Ian]

Zitat von FloB

<a class="bt-send" href="#" window.status='Send'; return true"; onClick="formcheck()" alt="Send this form now" title="Send this form now" tabindex="13"></a> 

Das ist aber alles andere als valide ... siehe Farbformatierung.

Hat bisher auf allen Browsern funktioniert und ist auch dem DOM-Inspektor nicht aufgefallen.
Das heisst jetzt aber nicht, dass es unbedingt richtig ist und nicht geändert werden sollte.
Gegenfrage: wie wäre es denn in korrekter Syntax geschrieben - bin halt ein Newbie ?

[Neq']

<a class="bt-send" href="#" onclick="formcheck();window.status='Send';return true;" alt="Send this form now" title="Send this form now" tabindex="13">Your Link</a>

[Ian]

Danke!
Werde ich auf den betroffenen Formularen berichtigen.

[FloB]

.. wenn das JS überhaupt vonnöten ist ...

[Neq']

Zitat von FloB

.. wenn das JS überhaupt vonnöten ist ...

Selbst wenn es von Nöten wäre, könnte man das ganze unobstrusive lösen, so sind Leute ohne JavaScript nicht beeinträchtigt.