Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Buenas!
To montando um formulário e quero fazer ele semântico. Então fui atrás da maneira correta e aprendi sobre o uso do CSS na tag <label> e o atributo for='nome do campo'.
Até aí bele. Só que preciso fazer alguns campos do form ficarem na mesma linha e isso está parecendo que é inviável....ou tem jeito? No momento meu código está asim:
HTML
<form action="dados_evento.php" method="post" name="dados_evento">
<div id="form" style="float:left; width:690px;">
<label for="titulo_evento">Título do Evento:</label><input type="text" name="titulo_evento" size="80" /><br /><br />
<label for="categoria_evento">Categoria:</label><select name="categoria_evento">
<option value="simposio" selected="selected">Simpósio</option>
<option value="Congresso">Congresso</option>
<option value="Seminário">Seminário</option>
</select>
<label for="num_palestrantes">Nº Palestrantes:</label><input type="text" name="num_palestrantes" size="10">
<label for="num_max_inscricoes">Nº max. inscrições:</label><input type="text" name="num_max_inscricoes" size="10"><br />
<br />
</div>
</form>
CSS
label {
clear:both;
display:inline;
text-align:right;
float:left;
width:100px;
padding:3px 10px;
}
Preciso que o campo 'titulo_evento' ocupe uma linha e os outro 3 fiquem na mesma linha...tem como ou só usando divs, ul, li, ou mesmo (argh!) tabela??
Carregando comentários...