button verändern sich farblich durch maushinüberfahren

[Skjaldulf]

hallo,

ich bin gerade dabei eine homepage zu erstellen. jetzt bin ich an dem punkt angekommen, an dem ich nicht mehr weiter komme.
undzwar, im link seht ihr ein bild, bei dem die textbilder (oben,mittig) grau sind. diese sollen durch maushinüberfahren sich in dunkelrot ändern.
wie stelle ich das an?

Bild

konrad

 

[Bleistift]

Am besten machst du das mit der CSS-Eigenschaft hover und nicht mit JS.
mfg Bleistift

 

[Skjaldulf]

wie stelle ich das am besten mit css an.

ich hab die programme:

photoshop cs3
dreamweaver
photoscape
frontpage
flash

danke

 

[threadi]

Dafür brauchst Du kein Programm, kannst aber eines verwenden.

CSS schreibt man einfach als "Text". Informier dich mal: SELFHTML: Stylesheets / Stylesheets und HTML

Und zu deinem konkreten Problem noch ein Beispiel:

HTML

<a href="#" id="link1">&nbsp;</a>

CSS

#link1 {
 background-image: url(bild.jpg);
 background-repeat: no-repeat;
 display: block;
 width: 100px;
 height: 10px;
}

#link1:hover { background-image: url(bildhover.jpg); }

Die Bilder musst du natürlich auch auf deine Wunschgröße entsprechend anpassen, Angaben für Höhe und Breite auch.