Imagens ao lado da outra![RESOLVIDO]

Front-end
#1

Galera , como posso fazer com que as imagens fique do lado da outro apenas duas em cima e mais duas em baixo seguido da mesma forma.

aqui segue o codigo:

<ui:define name="content"> <p:fieldset legend="Acesso Rápido"> <h:panelGrid column="4"> <p:graphicImage value="/resources/images/sugerir_licao_aprendida.png" /> <p:graphicImage value="/resources/images/verificar_sugestao.png" /> <p:graphicImage value="/resources/images/validar_sugestao.png" /> <p:graphicImage value="/resources/images/publicar_sugestao.png" /> </h:panelGrid> </p:fieldset> </ui:define>

obrigado!

#2

use <h:panelGroup> para agrupar a quantidade de fotos necessarias

&lt;h:panelGrid column="2"&gt; &lt;h:panelGroup&gt; &lt;p:graphicImage value="/resources/images/sugerir_licao_aprendida.png" /&gt; &lt;p:graphicImage value="/resources/images/verificar_sugestao.png" /&gt; &lt;/h:panelGroup&gt;&lt;h:panelGroup&gt; &lt;p:graphicImage value="/resources/images/validar_sugestao.png" /&gt; &lt;p:graphicImage value="/resources/images/publicar_sugestao.png" /&gt; &lt;/h:panelGroup&gt; &lt;/h:panelGrid&gt;

#3

opa valeu cara boa dica , porém fiz de outra forma e deu certo!

valeu mesmo assim!

#4

[quote=RiQuInHo_$_$]opa valeu cara boa dica , porém fiz de outra forma e deu certo!

valeu mesmo assim![/quote]

coloca a sua solução pra galera!

[]'s

#5

apenas criei mais um panelGrid , porém não sei se é uma boa forma de faze-lo mas ficou certinho. ehehe

      [code]  <h:panelGrid columns="2">
         <p:graphicImage value="/resources/images/sugerir_licao_aprendida.png" />   
         <p:graphicImage value="/resources/images/verificar_sugestao.png" />               
        </h:panelGrid>  

         <h:panelGrid columns="2">
         <p:graphicImage value="/resources/images/validar_sugestao.png" />   
         <p:graphicImage value="/resources/images/publicar_sugestao.png" />   
        </h:panelGrid>  [/code]

abrxs

#6