Padding och margin i formulär?

Usch, tabeller, stora bokstäver på dina element (font element?), trodde faktiskt att du hade gått ifrån tabeller Quid;)

<style>
#loginForm {
	overflow: hidden;
	background: #000;
	padding: 20px;
}
#loginForm label {
	display: block;
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #fff
}
#loginForm .input, #loginForm .password {
	background: url(input-email.png) no-repeat left top; border: 0;
	width: 220px;
	height: 27px;
	padding:4px 8px 4px 8px;
}

#loginForm .password { float: left; width: 189px}

</style>

<form id="loginForm">
	<label for="username">Mailadress:</label>
	<input type="text" class="input" name="username" id="username" />
	
	<label for="password">Lösenord:</label>
	<input type="password" class="password" name="password" id="password" />
	<input type="image" value="logga in" src="submit.png" />
</form>

?

bytte namn på din png för "username" eftersom password också kör mer eller mindre samma bild (bara inte hela bilden) så kör jag det som input.png istället för username.png

voigtann1 skrev:

Usch, tabeller, stora bokstäver på dina element (font element?), trodde faktiskt att du hade gått ifrån tabeller Quid;

Tyvärr tillhör jag ju den gamla skolan och håller egentligen inte på med sånt här, det är ju på baksidan som jag jobbar normalt med driften och underhåll av servrarna och annan hårdvara.
Men ibland måste även sånt här göras och då får man ju ta till dom kunskaperna man har och försöka göra det bästa av situationen :)

Jag vill lära mig hur man skiver webbsidor idag, men tiden räcker inte riktigt till...

voigtann1 skrev:

<style>
#loginForm {
	overflow: hidden;
	background: #000;
	padding: 20px;
}
#loginForm label {
	display: block;
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #fff
}
#loginForm .input, #loginForm .password {
	background: url(input-email.png) no-repeat left top; border: 0;
	width: 220px;
	height: 27px;
	padding:4px 8px 4px 8px;
}

#loginForm .password { float: left; width: 189px}

</style>

<form id="loginForm">
	<label for="username">Mailadress:</label>
	<input type="text" class="input" name="username" id="username" />
	
	<label for="password">Lösenord:</label>
	<input type="password" class="password" name="password" id="password" />
	<input type="image" value="logga in" src="submit.png" />
</form>

?

bytte namn på din png för "username" eftersom password också kör mer eller mindre samma bild (bara inte hela bilden) så kör jag det som input.png istället för username.png

Lysande, tack för hjälpen! Nu ska vi se om jag kan få in det på sidan också :)