Custom Button Image

[Paul Wiegenzahl]

Hi,

ich habe einen schönen Button in Photoshop designed, den ich jetzt gerne auf meine Webseite packen möchte. Am liebsten so einfach wie möglich, ohne die Codesize großartig zu erhöhen.

Vom Prinzip erstelle ich mir drei Bilder von dem Button: ein Bild, welches den rechten Rand beinhaltet (3px breit), ein weiteres Bild, das den linken Rand beihaltet (3px breit) und ein Bild, welches den Mittelteil des Photoshopbuttons beinhaltet (1px breit).

Der Clue soll sein, dass ich alle Button meiner Webseite damit stylen kann - unabhängig von deren spezifischen Breite.

Wie kann ich jetzt per CSS alle drei Bilder richtig platzierens, so dass das gewährleistet ist?

Bis jetzt hab ich nur "background: url(../btn.png) repeat-x;" gefunden, was den Mittelteil abfrühstücken würde. Aber wie kann ich angeben, dass die letzten drei Pixel mit einem anderen Bild hinterlegt werden sollen?

Gruß
Paul