Jörg Reinholz: Problem mit Img als Hintergrund von Button - Hover

Beitrag lesen

Moin!

Ist das Problem jetzt verständlich formuliert?

Ah ja. Und ich habe eine Lösung: Nimm die Grafik in den Hintergrund und setze das Padding für den Text.

button {
    margin: 0 2em;
    padding: .2em .5em;
    background-image: url('http://mental-point.eu/img/haken_gruen.gif');
    background-repeat:no-repeat;
    padding-left:2em;
}

Freilich muss Du dann auch den Rest des Buttons selbst komplett "stylen" oder damit leben, dass IE-Benutzer sich über etwas wundern, was denen woanders auch begegnet.

Jörg Reinholz