input background

Door boee op 06-12-2008 02:20

1.273 views

CSS:

input
{
	border: 1px #000 solid;
	background-color: #fff;
}

input.loginnick
{
background:url('images/login_nickname.jpg') no-repeat left top;
border: 1px #000 solid;
}
.loginpwd{
background: url('images/login_password.jpg');
background-repeat:no-repeat;
width: 112px;	
height: 15px;
border: 1px #000 solid;
}

PHP:

					echo '
					<form action="' . $_SERVER['PHP_SELF'] . '" method="POST" >
							user:<br><input type="text" name="nick" class="loginnick" ><br>
							pw:<br><input type="password" name="wachtwoord" class="loginpwd" ><br><br>
							
						<td valign="top"><input type="image" src="images/buttonlogin.gif"> <a href="index.php?cup=register" target="_self"><img src="images/buttonregister.gif" style="border:1px solid black"></a>
					</form>
					';

Nu vraag ik mij af waarom hij niks laat zien in de input van user en pw.
Volgens mij zou hij het gewoon moeten doen maar blijkbaar doe ik iets verkeerds.

boee

06-12-2008 23:03

martijn schreef op 06.12.2008 22:36


input.loginnick
{
background:url('images/login_nickname.gif') no-repeat;
width: 90px;
height:15px;
border: 0px #000 solid;
padding-left: 20px;
background-position: left center;
overflow: hidden;
}

Dit werkt niet het is gewoon alleen in IE dat ik text achter het plaatje kan zetten.

Reageren

Inloggen om te reageren