CSS/HTML Error, Input box inside Input box?
What I'm trying to do is make an input field and center it on the page. I
have managed to do just that, but it looks like an input box on top of
another one and it is not paying attention to the style rules I gave it.
Here is what it looks like:
The black and grey box is supposed to be the input box, obviously.
Here is the HTML:
<style media="screen" type="text/css">
.styles{
height:30px;
width:286px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #5E5E5E;
padding:0 10px;
background-color: #000000;
color:#BFBFBF;
outline: none;
input-align: center;
}
.abs-centered {
margin: auto;
position: absolute;
bottom: 0;
left: 0;
top: 0;
right: 0;
}
</style>
<div class="styles abs-centered">
<body bgcolor="#25383C">
<input name="name" type="password" placeholder="Password"
autocomplete="off"/>
</div>
I haven't put html and body and stuff in yet because I'm just trying to
sort this problem.
No comments:
Post a Comment