CSS Button Layout?

[wangman]

hi.
ich möchte einen individualisierten submitbutton mittels css layouten.

dazu möchte ich 3 grafiken aneinander hängen.

linkes ende - mitte - rechtes ende

aber wie ich es auch mache. es funktioniert nicht.

hier mal der script:

button {
	background-image: url('gra/b1.png') scroll;
	background-repeat:no-repeat;
	display:block;
	float: left;
    font: normal 12px arial, sans-serif;
	border:0;
	text-decoration: none;
	outline: none;
	height: 24px;
	width:100px;
	margin-left:18px;


}
button span {
	background-image: url('gra/b0.png');
	background-repeat:no-repeat;
	display: block;
    line-height: 14px;
	

}
button spa {
	background-image: url('gra/b2.png');
	background-repeat:no-repeat;
	position:right;
	display: block;
    line-height: 14px;

}

und dann der link

<button value="submit" class="submitBtn"><span><spa>Test</spa></span></button>

ich hänge auchmal die bilder an


was muss ich angeben im script damit die teile richtig zusammengefügt werden???

gruß

w

p.s.: im grunde sind es 6 buttonelemente in 3 teilen. bei active soll der button wie eingedrück sein, also das bild einfach nach oben verschoben werden

[Nightflyer]

How to make sexy buttons with CSS

[wangman]

danke, diese seite hat mir gezeigt dass es geht, von ihr bin ich auch auf die idee gekommen, es ist aber für mich nicht genug erklärt-...
ich schaffe es einfach nicht die drei bilder so aneinander zu setzen dass es stimmt.

[Nicmare]

was soll denn <spa> sein??? noch nie gesehen sowas...

[wangman]

ich dachte ich kann ganz beliebige html tags erstellen und jenen dann einen style zuweisen.. hat auch funktioniert. nur die positionierung eben nicht....

[wangman]

also ich versuche folgendes zu erreichen:
-einen submit button für ein formular
-der sich aus drei bildern zusammensetzt und damit in seiner länge variabel ist
-dessen grafik sich bei active verändert, wie auf der seite eben.

[Nightflyer]

Zitat von wangman

ich dachte ich kann ganz beliebige html tags erstellen und jenen dann einen style zuweisen.. hat auch funktioniert. nur die positionierung eben nicht....

Nein darfst du natürlich NICHT, da es dann nicht regelkonform ist und du genau deshalb Probleme bekommst

[wangman]

ah verstehe. okay, danke.