Alinhar panelGrid

10 respostas
J

Boa tarde…

Estou tentando alinhar as colunas de um panelgrid mas não estou obtendo sucesso.

JSP:

[color=red]<h:panelGrid columns=“3” bgcolor="#FFF0F5" cellspacing=“10” columnClasses=“coluna1, coluna2, coluna3”>

<h:column >
<h:graphicImage value="/imagens/116.jpg" />
</h:column>

<h:column>

<h:outputText value=“O que você está procurando?” /> 


<h:inputText  id=“procura” />

</h:column>

<h:column>
<h:graphicImage value="/imagens/cart.gif" />
<h:graphicImage value="/imagens/sign-in.gif" />
<h:graphicImage value="/imagens/help.gif" />
</h:column>

</h:panelGrid>[/color]

CSS:

[color=red].coluna1 {

text-align: left;

font-style: tahoma

}
.coluna2 {

text-align: center;

font-style: tahoma;

}
.coluna3 {

text-align: right;

font-style: tahoma

}[/color]

Alguém poderia me dar um help?

desde já, agradeço! :lol:

10 Respostas

M

alinhe usando div

<h:panelGrid columns="3" bgcolor="#FFF0F5" cellspacing="10">

<h:column >
<div align="left">
<h:graphicImage value="/imagens/116.jpg" />
</div>
</h:column>

<h:column>
<div align="center">
<h:outputText value="O que você está procurando?" /> <br>
<h:inputText id="procura" />
</div>
</h:column>

<h:column>
<div align="right">
<h:graphicImage value="/imagens/cart.gif" />
<h:graphicImage value="/imagens/sign-in.gif" />
<h:graphicImage value="/imagens/help.gif" />
</div>
</h:column>

</h:panelGrid>
J

não funciona

M

d nada!!
rsrs

J

ahh, aqui não funcionou!

M

exibe algum erro?

J

não, apenas não alinha

M

fiz o mesmo codigo aqui e funcionou!

J

poxa, que coisa heim!?

me manda um screen de sua tela…

M

coloca width=“100%” na table pra vc ver como funciona

J

agora deu certo, muito obrigada!

Criado 13 de maio de 2009
Ultima resposta 14 de mai. de 2009
Respostas 10
Participantes 2