Dúvida posicionar campos

Front-end
#1

Galera, preciso colocar meus campos do formulário um pouco mais a direita.

<h:form id="frm">
	<h:panelGrid columns="2" id="pg_acomp" >
		<h:outputLabel value="#{msg.label_tipo}:" id="lb_t" for="in_t" />
			<h:selectOneMenu id="in_t" style="width:200px;">
				<f:selectItem itemLabel="#{msg.label_selecione}" />
			</h:selectOneMenu> <br/>
		</h:panelGrid>
			
	<h:panelGrid columns="2">
		<h:column>
			<h:commandButton value="Cancelar" id="cmb_can" action="#{emailController.cancelar}" />
		</h:column>
		<h:column>
			<h:commandButton value="#{msg.action_pesquisar}" id="cmb_pes" action="#{emailController.pesquisar}" />
		</h:column>
		</h:panelGrid>
	</h:form>

Alguém sabe como fazer isso?

#2

E aí manow,

Não sei se entendi sua dúvida, mas eu tentaria ajustar por meio do margin-left. Ex:

[code]…

<h:selectOneMenu id=“in_t” style=“width:200px; margin-left:100px;”>

…[/code]
ou

[code]…

<h:form id=“frm” style=“margin-left:100px;”>

…[/code]
Também existem as propriedades margin-top, margin-bottom, margin-right e margin: [ link para o site da W3C ]

PS: Se você tiver outros campos que precisem do mesmo ajuste, então é legal fazer uma “classe CSS” p/ fins de reaproveitamento.

Flws

#3

Então Leafar, na verdade não é bem isso.
É como se fosse um multiselect. Entendeu?
Existe coisa parecida no richfaces?

#4

Galera, eu consegui fazer usando o componente pickList.
Só que não estou conseguindo exibir os elementos na segunda caixa, mesmo a lista estando populada.
Alguém sabe o que está faltando?

<rich:panel style="width:500px;">
       <f:facet name="header">
                <h:outputText value="Lista de Permissões"></h:outputText>
       </f:facet>
	<rich:pickList value="#{perfilUsuario.selectItemGrupoAcessoUsuario}" copyAllControlLabel="Adicionar todos" 
		copyControlLabel="Adicionar" removeControlLabel="Remover" removeAllControlLabel="Remover todos" >
		<f:selectItems value="#{perfilUsuario.selectItemGrupoAcesso}" />
	</rich:pickList>
</rich:panel><br/>
#5