Olá pessoal, tô aprendendo a mexer com html e css, daí tô fazendo um formulário simples porém estou com um problema aqui na hora de usar o css. Eu chamo o css no codigo html, porém ele só configura uma linha e as demais …

Ajuda em html com css

<head> <title> Formulário Servidor - NAS </title> <link rel = stylesheet type = "text/css" href = "formulario_serv.css"> </head> <div class = "alinhamento"> <form> Nome:<input type="text" method = "post" name="Nome" size="50px"/> Data do exame:<input type="text" name="data" size="7px" method ="post"/> Matrícula SIAPE:<input type="text" name="matricula" size="20px"/> <br> Idade:<input type ="text" method="post" name="idade" size="1px"> Data de nascimento:<input type="text" name="nascimento" size="7px"> Sexo: Feminino<input type="radio" name="sexo" value="feminino"> Masculino <input type="radio" name="sexo" value="masculino"><br> Cargo: <select name="cargo"> <option value="Tec_Admin"> Técnico Administrador</option> <option value="Docente"> Docente</option> </select> Tempo de Serviço: <input type="text" method = "post" name = "Temp_Servi" size="4px"> Carga Horária semanal: <input type="text" method = "post" name = "Carga_H" size="1px"><br> Telefones:<input type="text" method = "post" name = "telefone" size = "12px"> <input type="text" method = "post" name = "telefone" size = "12px"> <input type="text" method = "post" name = "telefone" size = "12px"> </form> </div>

1 Resposta

utluiz 6 de nov. de 2012

O atributo "text-indent" somente identa a primeira linha de um bloco de texto e a tag BR não conta. Como somente há um bloco, somente a primeira linha fica indentada.

Uma opção seria colocar tags de parágrafo para cada linha. O exemplo a seguir deixa cada campo em uma linha:

&lt;head&gt;   
    &lt;title&gt; Formulário Servidor - NAS  &lt;/title&gt;  
    &lt;link rel = stylesheet type = "text/css" href = "formulario_serv.css"&gt;  
&lt;/head&gt;     
  
&lt;div class = "alinhamento"&gt;  
    &lt;form&gt;  
        <p>Nome:&lt;input type="text" method = "post" name="Nome" size="50px"/&gt;</p>
        <p>Data do exame:&lt;input type="text" name="data" size="7px" method ="post"/&gt;  </p>
        <p>Matrícula SIAPE:&lt;input type="text" name="matricula" size="20px"/&gt; <br>  </p>
        <p>Idade:&lt;input type ="text" method="post" name="idade" size="1px"&gt;  </p>
        <p>Data de nascimento:&lt;input type="text" name="nascimento" size="7px"&gt;  </p>
        <p>Sexo: Feminino&lt;input type="radio" name="sexo" value="feminino"&gt; Masculino &lt;input type="radio" name="sexo" value="masculino"&gt;<br>  </p>
        <p>Cargo: &lt;select name="cargo"&gt;  
                    &lt;option value="Tec_Admin"&gt; Técnico Administrador&lt;/option&gt;  
                &lt;option value="Docente"&gt; Docente&lt;/option&gt;  
                &lt;/select&gt;  </p>
        <p>Tempo de Serviço: &lt;input type="text" method = "post" name = "Temp_Servi" size="4px"&gt;  </p>
        <p>Carga Horária semanal: &lt;input type="text" method = "post" name = "Carga_H" size="1px"&gt;</p>
        <p>Telefones:&lt;input type="text" method = "post" name = "telefone" size = "12px"&gt;  
                    &lt;input type="text" method = "post" name = "telefone" size = "12px"&gt;  
                    &lt;input type="text" method = "post" name = "telefone" size = "12px"&gt;  </p>
    &lt;/form&gt;  
&lt;/div&gt;

Um jeito mais simples é trocar o atributo de indentação para um de espaçamento no CSS:

.alinhamento{  
font: cambria;  
font-size: 12pt;  
margin:5px;  
padding-left:50px;  
}

1 Resposta

Topicos relacionados