Discussoes de Programacao e Tecnologia

<ice:dataTable>

6 respostas
Thiago_Siqueira
Thiago_Siqueira

Pessoal tenho que criar uma galeria de fotos. Já tenho o MB que pega as fotos do banco, mostra na tela, porém ele mostra as imagens na seguinte disposição:

As imagens estão aparecendo uma abaixo da outra.

Gostaria de saber como posso colocar isso em 3 colunas.
Segue meu código da página jspx:

<ice:dataTable border="0" width="100%" scrollable="true" scrollHeight="500" id="tabela1" headerClasses="cabecalho" columnClasses="primeiro" var="item1" value="#{GaleriaDAO.galerias[1]}">
                                            <ice:column style="width:100%">
                                                <ice:commandLink action="#{Galeria.view}" ><ice:graphicImage  style="border: 0;" value="#{item1.foto}" height="90" width="120"/><br/>
                                                    <ice:outputText value="#{item1.titulo}"/><br/><br/>
                                                    <f:param id="id" name="id" value="#{item1.codigo}"/>
                                                </ice:commandLink>
                                            </ice:column>
                                        </ice:dataTable>

Desde já agradeço a todos

Alura Desenvolvimento Front-End React Do primeiro componente à liderança técnica! HTML/CSS/JavaScript fundamental, React com hooks e...

6 Respostas

Thiago_Siqueira
Thiago_Siqueira

up!

Thiago_Siqueira
Thiago_Siqueira

pessoal, ninguem??

Thiago_Siqueira
Thiago_Siqueira

up!

M
mrbbm

Cole o código HTML gerado nesta página, referente à esta galeria.
Acredito que a solução seja puro CSS.
Mas cole o código para que possamos te ajudar!

Thiago_Siqueira
Thiago_Siqueira 
<table border="0" cellspacing="0" class="iceDatTbl" id="j_id100:tabela" style="left: 440px; top: 50px; border-color: #FFFFFF; border-bottom-color:white; border-left-color:white; border-right-color: #FFFFFF; border-top-color:white;" width="100%">
    <tr>
        <td>
            <div>
                <div class="iceDatTblScrlSpr">
                    <table class="iceDatTblScrlHdrTbl" style="width:100%;">

                    </table>
                </div>
                <div style="overflow:auto;width:100%;height:500;"><table class="iceDatTblScrlBdyTbl">
                        <tbody>
                            <tr class="iceDatTblRow1" id="j_id100:tabela:0">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:0:j_id103" src="/Gataf_Site/block/resource/LTExNDUzNzY1Nzg=/?17889360" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:0:j_id104"></span>
                                </td>
                            </tr>
                            <tr class="iceDatTblRow2" id="j_id100:tabela:1">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:1:j_id103" src="/Gataf_Site/block/resource/MTM0MjEzNjI1NQ==/?18779484" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:1:j_id104">

                                    </span>
                                </td>
                            </tr>
                            <tr class="iceDatTblRow1" id="j_id100:tabela:2">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:2:j_id103" src="/Gataf_Site/block/resource/LTQ2NTMxODIwOA==/?13806908" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:2:j_id104">

                                    </span>
                                </td>
                            </tr>
                            <tr class="iceDatTblRow2" id="j_id100:tabela:3">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:3:j_id103" src="/Gataf_Site/block/resource/MjAyMjE5NDYyNQ==/?23808997" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:3:j_id104">

                                    </span>
                                </td>
                            </tr>
                            <tr class="iceDatTblRow1" id="j_id100:tabela:4">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:4:j_id103" src="/Gataf_Site/block/resource/MjE0NzQwMTYy/?21227447" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:4:j_id104">

                                    </span>
                                </td>
                            </tr>
                            <tr class="iceDatTblRow2" id="j_id100:tabela:5">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:5:j_id103" src="/Gataf_Site/block/resource/LTE1OTI3MTQzMDE=/?18982709" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:5:j_id104">

                                    </span>
                                </td>
                            </tr>
                            <tr class="iceDatTblRow1" id="j_id100:tabela:6">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:6:j_id103" src="/Gataf_Site/block/resource/ODk0Nzk4NTMy/?6857420" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:6:j_id104">

                                    </span>
                                </td>
                            </tr>
                            <tr class="iceDatTblRow2" id="j_id100:tabela:7">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:7:j_id103" src="/Gataf_Site/block/resource/LTkxMjY1NTkzMQ==/?26751898" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:7:j_id104">

                                    </span>
                                </td>
                            </tr>
                            <tr class="iceDatTblRow1" id="j_id100:tabela:8">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:8:j_id103" src="/Gataf_Site/block/resource/MTU3NDg1NjkwMg==/?23327870" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:8:j_id104">

                                    </span>
                                </td>
                            </tr>
                            <tr class="iceDatTblRow2" id="j_id100:tabela:9">
                                <td class="iceDatTblCol primeiro" style="width:100%;overflow:hidden;">
                                    <img alt="" class="iceGphImg" height="90" id="j_id100:tabela:9:j_id103" src="/Gataf_Site/block/resource/LTIzMjU5NzU2MQ==/?21527784" style="border: 0;" width="120" />
                                    <span class="iceOutTxt" id="j_id100:tabela:9:j_id104">

                                    </span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </td>
    </tr>
</table>

Como pedido esta aí. (Pegei apenas a parte das imagens, para não ficar muito grande o post mas se precisar da página completa, só pedir)
Obrigado pela resposta

M
mrbbm

Cara, é o seguinte: como você vê, ele renderizou as imagens através de linhas (rows)!

Desconheço algum CSS hack para exibir várias linhas na mesma linha, aliás, isso com certeza seria uma POG. Não faz sentido juntar linhas de uma tabela.

Bom, não conheço o ICEFaces, porém com RichFaces a resolução deste problema seria simples, sendo necessário apenas utilizar um DataGrid. Procure algum componente similar, é o correto! Exemplo:

http://livedemo.exadel.com/richfaces-demo/richfaces/dataGrid.jsf?c=dataGrid&tab=usage

Falow!

Criado 1 de outubro de 2010
Ultima resposta 5 de out. de 2010
Respostas 6
Participantes 2

Topicos relacionados

Compilar e executar uma classe java pelo prompt do windows 13 respostas [RESOLVIDO] Como executar função JavaScript após página carregada 13 respostas Java.lang.OutOfMemoryError: Java heap space - Como resolver? 11 respostas Como consultar CPF na Receita Federal usando Web Service? 22 respostas Como acessar localhost de forma externa? [RESOLVIDO] 13 respostas
Alura Git Flow: entenda o que é, como e quando utilizar Entenda o que é Git Flow, como funciona seu fluxo com branches como Master, Develop, Feature, Release e Hotfix, além de vantagens e desvantagens.
Casa do Codigo Desmistificando WebAssembly: Alta performance,... Por Raphael Amorim — Casa do Codigo