Ik heb een probleemtje met de inputs van mij login. Ik gebruik nu dit:
HTML:
Login:<input class="login" name="login" type="text" maxlength=16>
Wachtwoord:<input class="loginpass" name="pass" type="password" maxlength=16>
CSS:
input.login {
border : 1px solid #ffffff;
width : 70px;
height : 17px;
background-image : url(images/login_bg.jpg);
font-size : 8pt;
color : #000000;
font-weight : bold;
letter-spacing : 1px;
background-attachment : fixed;
}
input.loginpass {
border : 1px solid #ffffff;
width : 70px;
height : 16px;
background-image : url(images/login_bg.jpg);
font-size : 8pt;
color : #000000;
font-weight : bold;
letter-spacing : 1px;
background-attachment : fixed;
}
Dan ziet het er zo uit (wat ik nogal raar vind omdat de css precies hetzelfde is maar zo als het er uit ziet niet:S):
http://img442.imageshack.us/my.php?image=loginxu3.jpg
(de bovenste)
Als ik dit gebruik (zelfde HTML):
CSS:
input.login {
border : 1px solid #ffffff;
width : 70px;
height : 17px;
background-image : url(images/login_bg.jpg);
font-size : 8pt;
color : #000000;
font-weight : bold;
letter-spacing : 1px;
background-attachment : fixed;
}
input.loginpass {
border : 1px solid #ffffff;
width : 70px;
height : 16px;
background-image : url(images/login_bg.jpg);
font-size : 8pt;
color : #000000;
font-weight : bold;
letter-spacing : 1px;
background-attachment : scroll;
}
Ziet het er zo uit:
http://img442.imageshack.us/my.php?image=loginxu3.jpg
(de onderste)
De rechter klopt dus alleen het probleem is dat die dan mee gaat scrollen (wat nogal logisch is). Ik wil het dus gewoon zo hebben dat ze NIET mee scrollen en er uitzien als het wachtwoord in het 2e voorbeeld (gewoon het hele plaatje zichtbaar dus)
Iemand enig idee wat ik fout doe?