Input knapper

Hejsa.

Jeg er på udkig efter en kode der kan gøre så mine input felter ligner http://gratissnoller.dk/index2.php

Altså ikke præcis, men koden bag det.

Har kigget lidt i deres CSS, men det har ikke lykkedes mig at finde ud af det.

Fandt det:

#leftside .forms {
	width: 165px;
	height: 77px;
	background: url(../images/login-forms.png);
}

Det er bare et baggrundsbillede:
http://gratissnoller.dk/images/login-forms.png

CSS'et for teksten er lavet sådan det ligger lige ovenpå billedet. Hvis man f.eks. ændrede tekststørrelsen af input felterne tror jeg de ville fylde mere end billedet og det vil se grimt ud, så det kortsagt bare noget baggrund.

Hvordan gør de så billedet ligger ovenpå?

Hvis du ønsker at gøre det vil jeg tro at den løsning de bruger på den anden form er bedre:

#frontcreate2 input {
	width: 205px;
	height: 13px;
	padding: 4px 5px 5px 5px;
	font-family: Tahoma;
	font-size: 11px;
	color: #515622;
	border: 0;
	background: url(../images/inputbg.png);
}

De har lavede et baggrundsbilled kun til tekst knappen, så undgår man besværet med at skulle absolut positioner ting i et element. Det samme billed kan hvis jeg skulle gætte kun bruges til felter af samme størrelse.

Billederne ligger ikke ovenpå hvis de gjorde det ville du ikke kunne se teksten når du skrev.

Men de bruger css til at fjerne backgrunden og borderen af et element(input)
border: 0;
background: none;

De fjerner ikke backgrunden i det eksempel jeg viste, men sætter den til noget andet.

Tusind tak for det Nørden.