como colocar campos na mesma linha

[gdx02 0]

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??

[gdx02 0]

"Melhor do que dar o peixe é ensinar a pescar"

 

Seguindo um certo padrão estabelecido, acabei me virando sozinho (minhas perguntas devem ser muito dificeis...)

 

As dicas do nosso guru Maujor me fizeram ver a luz: http://www.maujor.com/tutorial/formac-b.php

 

resumindo: <fieldlist>, além de CSS no <label> e tbm no <fieldlist>

 

abraços - brigadu!

[programador php 0]

label {
	 float: left;
	 width: 150px; /* por exemplo */
}

 

abraço