Gafik-Button hat seltsamen Hintergrund

[ds2k5]

Hallo ds2k5,

dein Beispiel geht leider auch nicht, sieh es dir jetzt mal an.

Link: http://www.freewebs.com/anno2007/index.html

Gruß
anno2007

ok dazu brauchst du natürlich noch ein paar zusätzliche CSS optionen, nämlich:

background-image: url(bild.jpg);
background-repeat: no-repeat;
background-position: center center;

dazu musst du noch den button mit der gleichen größe wie das hintergrundbild machen, heißt:

width: 50px;
height: 20px;
(zum Besipiel)

da das alles im style attribut zu lang wäre würde ich alles außer den background-image in einer CSS klasse packen, dann kannst du diese auf jeden button anwenden, den background-image musst du dann bei jedem in das style attribut schreiben da dieser ja meist unterschiedlich ist :)

wenn du aber nur 1 button hast, kannst du natürlich alles in der CSS class reinmachen

Code:

<style type="text/css">
.button
{
  background-image: url(bild.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 50px;
  height: 20px;
}