Alinhamento em <h:panelGrid> com componentes do Richfaces

Front-end
#1

Galera, já procurei no fórum aqui e um monte na net mas até agora não consegui resolver isso.

Estou com um problema em que tenho um panelGrid com 2 colunas preciso alinhar as duas no topo, mas o navegador não quer obedecer hehe.

Segue o código e uma imagem da tela.

<h:outputStylesheet>
    .cols {
    	vertical-align: top;
    }
</h:outputStylesheet>
   				
   	<h:form id="form">
        <h:panelGrid columns="2" columnClasses="cols,cols" width="260">
        	<rich:panel>
            <rich:panelMenu style="width:250px" groupExpandedLeftIcon="triangleUp"
               				groupCollapsedLeftIcon="triangleDown" topGroupExpandedRightIcon="chevronUp"
                			topGroupCollapsedRightIcon="chevronDown" itemLeftIcon="disc">
            				
            	<rich:panelMenuGroup label="PROPOSTAS" expanded="true">
                    <rich:panelMenuItem label="Nova Proposta" name="novaProposta" />
                    <rich:panelMenuItem label="Propostas Em Andamento" name="propostasEmAndamento" />
                    <rich:panelMenuItem label="Propostas Finalizadas" name="propostasFinalizadas" />
                    <rich:panelMenuItem label="Pesquisar Propostas" name="pesquisarPropostas" />
                </rich:panelMenuGroup>
            </rich:panelMenu>
            </rich:panel>	
            	<rich:panel>
            		<h:outputText value="Teste" />
            		<h:inputText value="show" size="100"/>
            	</rich:panel>
			</h:panelGrid>
	</h:form>

2012/3/2/9087a5dea97e16e043a8ab0f09f62901_55498.png_874×168 11 KB

#2

usar a tag <h:outputStylesheet> desse jeito funciona, meu velho? Bom, pelo jeito nao…o seu estilo não está sendo aplicado à tabela, isso é certo, mas o que você fez no CSS está correto. Direcione a tag <h:outputStylesheet> para um arquivo CSS externo que vai funcionar.

#3

Sugiro criar o css:

table tr td{
	vertical-align: top;
}

Em alguns casos apenas criar uma classe resolve:

.cols {  
    vertical-align: top;  
}
#4