Submit button, eigenes Image hovern

[barodscheff]

Hallo Leute,

ich hab mal wieder ein für euch wahrscheinlich einfaches Problem.
Ich habe einen eigenen submit button für ein Formular erstellt. Diesen hab ich über input type image erstellt.

Nun möchte ich, dass beim hovern mein 2. Bild angezeigt wird welches kleine Schrift- und Hintergrundänderungen enthält.

Könnt ihr mir da helfen? Der input type muss auch nicht zwingend "image"sein.

lg

[Azra]

Es muss auch kein image sein.
Ein einfaches type="submit" reicht aus - gib dem <input> eine Klasse oder ID (z.B. "button") und das CSS sieht in etwa so aus:

Code: Alles auswählen

input.button{
background:url(pfad/normalzustand.jpg) no-repeat;
height:25px;
width:100px;
}
input.button:hover{
background:url(pfad/hoverzustand.jpg) no-repeat;
height:25px;
width:100px;
}


Das Bild legst du bestenfalls in der Größe an die du haben möchtest. Diese Größe vergibst du dann auch in CSS (wie oben)