[CSS] eigene Buttons

[Goltergaul]

Hi, ich versuche mir nen individuellen Button zu erstellen mit runden ecken, die mit Bildern realisiert werden sollen. folgender Code:

div.green { 
		background:url('images/buttons/green_inaktive_l.png') top left no-repeat; 
		float: left; 
		padding: 0px;
		margin: 0px;
	}
	div.green input { 
		background:url('images/buttons/green_inaktive_r.png') top right no-repeat; 
		font-family: Arial; font-size: 8pt; color: white; font-weight: bold;
		border: 0px;
margin: 0px;
	}

<div class="green"><input value="test" type="submit" disabled></div>

dabei ist aber leider das bild "images/buttons/green_inaktive_r.png" um ca 2px zu weit unten. Was mache ich da falsch??

 

[Sebbo]

Ich weiß ja nicht, wie die beiden Bilder aussehen. Deswegen kann ich auch nicht sagen, was da genau falsch ist. Aber warum nutzt du 2 Bilder, wenn du nur einen Button hast?

Und man kann doch mit HTML grafische Buttons machen...
https://de.selfhtml.org/html/formulare/formularbuttons.htm#grafische

 

[Goltergaul]

naja es geht darum, dass der button skalierbar sein soll, also je nach beschriftung breiter oder schmäler wird, deswegen 2 Grafiken