Criar colunas com php + css

[Bruno Conte 4]

Pessoal, estou criando um relatorio de um cliente em pdf com TCPDF onde tenho que mostrar imagens da ordem de serviço do mesmo.

 

So que como pouco conheço de CSS gostaria de saber como faço para criar para as fotos mostrarem 3 em cada linha.

 

meu codigo esta assim:

 

 

$html .='

<ul>';

foreach($arquivos as $img) {

$html .='<li><img src="'.$img.'" alt="" width="150" height="100" border="0"/></li>';

}

$html .='</ul>';

 

[Beraldo 864]

A ideia é aplicar float: left;.

Veja: http://forum.imasters.com.br/topic/257586-resultado-em-colunas/

[Bruno Conte 4]

Beraldo continua dando mostrando em uma coluna, o que fiz de errado em

 

 

<style type="text/css">

<!--

.global

{

width: 500px;

}

.imagens

{

width: 250px;

float: left;

}

-->

</style>

<table width="100%" border="0">

<tr>

<td width="62%" valign="top"><table width="100%" border="0">

<tr>

<td>Contratante: '.$nomeCliente.'</td>

</tr>

<tr>

<td>Serviços:</td>

</tr>

<tr>

<td><ul>';

while ($vetor3=mysql_fetch_array($sql2)) {

$html .='<li>'.$vetor3[item].'</li>';

}

$html .='</ul></td>

</tr>

</table></td>

<td width="38%" valign="top"> </td>

</tr>

</table>

<p></p>

<div align="center"><strong>Book Fotográfico</strong></div>

<p></p>

<p></p>

<table width="100%" border="0">

';

foreach($arquivos as $img) {

$html .='<div class="global"><div class="imagens"><img src="'.$img.'" alt="" width="150" height="100" border="0"/></div></div>';

}

$html .='

</table>';

 

coloquei a div global fora do foreach e mesmo assim nao funciona!!!!

[Alaerte Gabriel 662]

Se definir o float left, ela irá aparecer lado a lado até completar o tamanho width da div.

 

Se você quer uma embaixo da outra, basta dar o <br>, está utilizando uma tabela com tamanho 100%, também não é necessário.

 

faça o seguinte:

  foreach($arquivos as $img) {

    $html .='<img src="'.$img.'" alt="" width="150" height="100" border="0" /><br>';

}

[Bruno Conte 4]

na verdade eu quero fazer 4 imagens na mesma linha.

fiz assim e continua aparecendo uma abaixo do outro!!!

[Alaerte Gabriel 662]

Então camarada, você tem que fazer apenas 1 div, com largura definida.

$html .='<div style="width:150px; height:auto; float:left; padding:5px;"><img src="'.$img.'" alt="" width="150" height="100" border="0" /></div>';

[Diego Chiarelotto 1]

continua aparecendo em uma coluna so!!!

[Alaerte Gabriel 662]

Meu amigo, infelizmente você tem uma extrema dificuldade com CSS. Neste caso, vou transferir o seu tópico para área correta, pois nada tem haver com PHP. Lá o pessoal vai te auxiliar melhor.

[leonardo de andrade baessa 16]

Bom a principio, Será preciso que se crie uma Div contendo o tamanho maior que as quatro imagens de largura, no Caso a Width da sua Div. e definir o Height como Auto.

pra apartir daí fazer com que as imagens fiquem na ordem.

Ex. se vc define a Width: com 800Px, vc cria 4 imagens que somando de resultado menor que 800px; no caso 4 img de 150px daria 600px mas com os espaços entre elas ficaria num tamanho bom.

 

é claro não esquecendo de por float: left na imagens.

[Bruno Conte 4]

Leonardo, perdão pela minha completa ignorância em CSS, mais meu funcionário que trabalha com css esta de ferias e esta dando uma dor de cabeça danada, pois nem eu nem meu sócio conhecemos de CSS.

 

fiz assim:

 

 

$html .='<div id="width:800px; height:auto; float:left;"><img style="float: left;" src="'.$img.'" alt="" width="150" height="100" border="0" /></div>';

 

e mesmo assim continua mostrando o resultando em apenas uma coluna.