Submit-/Button mit Grafik

Status
Nicht offen für weitere Antworten.

shockshell

Erfahrenes Mitglied
Hi,

kleine Frage. Kann man mittels CSS einem Submit-/Button eine Hintergrundgrafik zuweisen? Ich weiß, dass ich mittels type="image" und src="..." das normalerweise machen kann. Nur muss ich dann immer im code mit isset(..._x) prüfen ob der Knopf gedrück wurde. Das wollte ich durch das verwenden eines "normalen" Submitbuttons verhindern, so dass ich mich nicht darum kümmern muss, ob es ein "image submit" war, oder ein "normales submit".

Danke für eure Anregungen.

Marcus.
 
Hi,

du kannst die CSS-Eigenschaft background verwenden, um Hintergrundgrafiken anzuzeigen.

Im folgenden Beispiel wird eine Grafik als Hintergrung eingebunden, die an der linken oberen Ecke (0 0)
ausgerichtet ist und nur einmal angezeigt wird (no-repeat). Weiterhin werden die Rahmen des Buttons
ausgeblendet und die Breite angepasst.
Code:
.cmdSubmit{ background: url(../bilder/button_zweifarbig.jpg) 0 0 no-repeat;
            border: 0;
            width: 80px;}
Der zugehörige HTML-Code könnte zum Beispiel folgendermassen aussehen:
HTML:
<input type="submit" name="cmdSubmit" class="cmdSubmit" value="" />
Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.
Zurück