EDIT:
Voglio creare un pannello login associato al mio forum in phpbb3, ho fatto il form:
Codice HTML:
<div id="login_box"><form action="" id="login" name="login" method="POST">
<div id="username"></div>
<div class="input"><input tabindex="1" type="text" name="username" value=""></div>
<div id="password"></div>
<div class="input"><input tabindex="2" type="password" name="password"></div>
<div id="buttons">
<input tabindex="4" type="button" id="register" onClick="" value=""><input tabindex="3" type="submit" id="submit" name="submit" value="">
</div>
</form></div>
e questo è il css:
Codice PHP:
#div.input {
width: 199px;
height: 23px;
margin: auto;
background: url(forms/bth_input.gif);
}
#div.error {
width: 199px;
height: 23px;
margin: auto;
background: url(forms/bth_input_red.png);
}
#username {
width: 199px;
height: 23px;
margin: auto;
background: url(forms/username.gif);
}
#password {
width: 199px;
height: 23px;
margin: auto;
background: url(forms/password.gif);
}
#bth input {
border: none;
background: none;
width: 189px;
margin-left: 5px;
margin-right: 50px;
margin-top: 5px;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #B59200;
padding: 0;
border: 0;
}
#div.error input {
color: #B52504;
}
#buttons {
width: 199px;
margin: auto;
margin-top: 8px;
}
#submit {
width: 91px;
height: 29px;
background: url(forms/login.gif);
outline: none;
float: right;
margin: 0;
}
#register {
width: 91px;
height: 29px;
background: url(forms/register.gif);
outline: none;
float: left;
margin: 0;
}
Quando però vado a visualizzare mi esce così:
E io voglio che invece dei riquadri bianchi ci sia un'immagine e che i bottoni si visualizzino completamente!
Aiutatemi col codice per progettare tutto! Graize!