Posicionamento de inputs
Estou com um problema no 'select' a margem superior era pra estar ok, alinhado com o campo file da esquerda.
@charset "utf-8";
body{
background-color: rgb(0, 41, 85);
}
.background_login {
border-radius: 6px;
background-color: rgb(209, 209, 209);
position: absolute;
margin-top:-126px;
top:50%;
width: 340px;
height: 253px;
z-index: 4;
float: left;
left: 50%;
margin-left:-170px;
}
.background_login2 {
background-color: rgb(0, 5, 21);
left: 342px;
top: 246px;
width: 340px;
height: 53px;
z-index: 8;
float: left;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 15px;
font-family: "Verdana";
color: rgb(255, 255, 255);
line-height: 3.533;
text-align: left;
}
.login {
font-size: 15px;
font-family: "Verdana";
color: rgb(255, 255, 255);
line-height: 7.533;
text-align: left;
position: absolute;
left: 362px;
top: 368.6px;
width: 104px;
height: 15px;
z-index: 10;
}
input[type='text']{
border-style: none;
background-color: rgb(255, 255, 255);
width: 240px;
height: 35px;
z-index: 5;
float: left;
margin-top: 5px;
padding-left: 10px;
display: block;
margin-left: 5px;
}
input[type='password']{
border-style: none;
background-color: rgb(255, 255, 255);
margin-left: 5px;
width: 240px;
height: 35px;
z-index: 5;
float: left;
margin-top: 5px;
padding-left: 10px;
display: block;
}
input[type='email']{
border-style: none;
background-color: rgb(255, 255, 255);
margin-left: 5px;
width: 298px;
height: 42px;
z-index: 5;
float: left;
}
input[type='submit']{
margin-left: 5px;
border-style: none;
background-color: rgb(0, 5, 21);
width: 100px;
height: 40px;
z-index: 5;
float: left;
border-radius: 5px;
font-size: 15px;
font-family: "Verdana";
color: rgb(255, 255, 255);
margin-top: 5px;
}
input[type='file']{
border-style: none;
background-color: rgb(255, 255, 255);
margin-top: 5px;
width: 375px;
height: 40px;
z-index: 5;
float: left;
margin-left: 5px;
}
input[type='reset']{
margin-left: 5px;
border-style: none;
background-color: rgb(0, 5, 21);
width: 100px;
height: 40px;
z-index: 5;
float: left;
border-radius: 5px;
font-size: 15px;
font-family: "Verdana";
color: rgb(255, 255, 255);
margin-top: 5px;
}
input[type='textarea']{
margin-left: 5px;
border-style: none;
background-color: rgb(255, 255, 255);
width: 750px;
height: 100px;
z-index: 5;
float: left;
margin-top: 5px;
padding-left: 10px;
display: block;
}
select{
margin-left: 5px;
border-style: none;
background-color: rgb(255, 255, 255);
margin-top: 5px;
width: 380px;
height: 39px;
}
<table border="1" width="800px">
<!-- formulário de cadastro -->
<form action="" method="post" enctype="multipart/form-data" name="cadastrar_veiculo" target="_self" lang="pt">
<tr>
<td>
<input name="nome" type="text" maxlength="40" placeholder="Nome" id="nome" required="required" /><!-- input nome do carro -->
<input name="versao" type="text" maxlength="40" placeholder="Versão" id="versao" required="required" /><!-- input versão do carro -->
<input name="ano" type="text" maxlength="4" placeholder="Ano" id="ano" required="required" /><!-- input ano do carro -->
</td>
</tr>
<tr>
<td>
<input name="preco" type="text" maxlength="8" placeholder="Preço" id="preco" required="required" /><!-- input preço do carro -->
<input name="marca" type="text" maxlength="20" placeholder="Marca" id="marca" required="required" /><!-- input marca do carro -->
<input name="cor" type="text" maxlength="20" placeholder="Cor" id="cor" required="required" /><!-- input cor do carro -->
</td>
</tr>
<tr>
<td>
<input name="fotos" type="file" id="fotos" multiple/></br><!-- input foto1 do carro -->
<select name="financiamento" id="financiamento"><!-- input financiamento lista conultada no banco de dados-->
<option>Financiamento</option>
<option>Sim</option>
<option>Não</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="textarea" name="descricao" cols="5" rows="10" placeholder="Descrição completa do carro" id="descricao"></input><!-- input descrição do carro -->
</td>
</tr>
<tr>
<td>
<input name="cadastrar" type="submit" id="cadastrar" value="Cadastrar" /><!-- botão cadastrar -->
<input name="limpar" type="reset" value="Limpar" /><!-- botão limpar -->
</td>
</tr>
</form>
</table>Discussão (2)
Carregando comentários...