Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marko D. Neto

[Resolvido] Dividir lado a lado com Css

Por , em Desenvolvimento frontend

Recommended Posts

Marko D. Neto    0

Marko D. Neto
Postado

Ola amigos, estou com um problema, no começo achei que eu podia resolver em php que é mais a minha area, mas qando vi que não consegui, corri para a parte dos CSS..

 

É o seguinte, eu tenho duas tabelas, essas tabelas eu gostaria de alinhar uma ao lado da outra, para a hora que eu fosse imprimir, não precisar ficar imprimindo 2 vezes e virando a folha A4 pq ai eu mudaria para Paisagem, e ja saia as duas certinho. O problema é... Como fazer?

 

Olha o codigo das tabelas:

<fieldset style="width: 47%; valign: left;">
<td valign="center"><img src="OSlogo.jpg" border="0" width="479" height="110" alt=""></td>
<fieldset style="width: 94%; valign: left;">

           <tr align="left">
   <td align=center ><strong>Data:</strong> <u><? echo $novadata ?></u></td>                                                   <td align=center ><strong>Eletricista:</strong> <u><? echo $funcionario ?></u></td><br>
   <td align=center ><strong>Nome:</strong> <u><? echo $nomef ?></u></td><br>
   <td align=center ><strong>End:</strong> <u><? echo $endf ?></u></td>       <td align=center ><strong>Bairro:</strong> <u><? echo $bairrof ?></u><br> <strong>Cidade:</strong> <u><? echo $cidadef  ?></u></td>
<br>
   <td align=center ><strong>CPF / CNPJ:</strong> <u><? echo $cpf22 ?></u></td><br>
   <td align=center ><strong>Veiculo:</strong> <u><? echo $carro ?></u>    <strong>Placa:</strong> <u><? echo $placa ?></u></td>
   </tr>

<br>
<TABLE BORDER=1 width=100% height=10 align=left id=alter>
<TR><TH width=77%>Serviços realizados</TH><TH>Valor</TH></TR>
<TR><TD align=center><? echo $servicos; ?></TD><TD align=center><? echo "R$ $valorservicos" ?></TD></TR>
<TR><TD align=center><? echo $servicos1; ?></TD><TD align=center><? echo "R$ $valorservicos1" ?></TD></TR>
<TR><TD align=center><? echo $servicos2; ?></TD><TD align=center><? echo "R$ $valorservicos2" ?></TD></TR>
<TR><TD align=center><? echo $servicos3; ?></TD><TD align=center><? echo "R$ $valorservicos3" ?></TD></TR>
<TR><TD align=center><? echo $servicos4; ?></TD><TD align=center><? echo "R$ $valorservicos4" ?></TD></TR>
<TR><TH align="right">Total Serviço:</TH><Th align=center><? echo "R$ $totalgeralservicos" ?></Th></TR>
</TABLE>
<TABLE BORDER=1 width=100% height=10 align=left id=alter>
<TR><TH width=2%>Quant.</TH><TH width=27%>Peças</TH><TH width=12%>Valor Unit.</TH><TH width=12%>Valor Total</TH></TR>
<TR><TD align=center><? echo $qntpecas; ?></TD><TD align=center><? echo $pecas; ?></TD><TD align=center><? echo "R$ $valorpecas" ?></TD><TD align=center><? echo "R$ $valortotalpecas" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas1; ?></TD><TD align=center><? echo $pecas1; ?></TD><TD align=center><? echo "R$ $valorpecas1" ?></TD><TD align=center><? echo "R$ $valortotalpecas1" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas2; ?></TD><TD align=center><? echo $pecas2; ?></TD><TD align=center><? echo "R$ $valorpecas2" ?></TD><TD align=center><? echo "R$ $valortotalpecas2" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas3; ?></TD><TD align=center><? echo $pecas3; ?></TD><TD align=center><? echo "R$ $valorpecas3" ?></TD><TD align=center><? echo "R$ $valortotalpecas3" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas4; ?></TD><TD align=center><? echo $pecas4; ?></TD><TD align=center><? echo "R$ $valorpecas4" ?></TD><TD align=center><? echo "R$ $valortotalpecas4" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas5; ?></TD><TD align=center><? echo $pecas5; ?></TD><TD align=center><? echo "R$ $valorpecas5" ?></TD><TD align=center><? echo "R$ $valortotalpecas5" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas6; ?></TD><TD align=center><? echo $pecas6; ?></TD><TD align=center><? echo "R$ $valorpecas6" ?></TD><TD align=center><? echo "R$ $valortotalpecas6" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas7; ?></TD><TD align=center><? echo $pecas7; ?></TD><TD align=center><? echo "R$ $valorpecas7" ?></TD><TD align=center><? echo "R$ $valortotalpecas7" ?></TD></TR>
</TABLE>
<TABLE BORDER=1 width=100% height=10 align=left id=alter>
<TR><TH align="right" width=79%>Total Peças:</TH><Th align=center><? echo "R$ $totalgeralpecas" ?></Th></TR>
<TR><TH align="right" width=79%>Desconto:</TH><Th align=center><? echo "R$ $descontop" ?></Th></TR>

<TR><TH align="right" width=79%>TOTAL:</TH><Th align=center><? echo "R$ $total" ?></Th></TR>
<TD align=center>__________________________<br>Assinatura do Cliente</TD>

</TABLE>
</fieldset>
</fieldset>
<fieldset style="width: 47%; valign: right;">
<td valign="center"><img src="OSlogo.jpg" border="0" width="479" height="110" alt=""></td>
<fieldset style="width: 94%; valign: right;">

           <tr align="left">
   <td align=center ><strong>Data:</strong> <u><? echo $novadata ?></u></td>                                                   <td align=center ><strong>Eletricista:</strong> <u><? echo $funcionario ?></u></td><br>
   <td align=center ><strong>Nome:</strong> <u><? echo $nomef ?></u></td><br>
   <td align=center ><strong>End:</strong> <u><? echo $endf ?></u></td>       <td align=center ><strong>Bairro:</strong> <u><? echo $bairrof ?></u><br> <strong>Cidade:</strong> <u><? echo $cidadef  ?></u></td>
<br>
   <td align=center ><strong>CPF / CNPJ:</strong> <u><? echo $cpf22 ?></u></td><br>
   <td align=center ><strong>Veiculo:</strong> <u><? echo $carro ?></u>    <strong>Placa:</strong> <u><? echo $placa ?></u></td>
   </tr>

<br>
<TABLE BORDER=1 width=100% height=10 align=right id=alter>
<TR><TH width=77%>Serviços realizados</TH><TH>Valor</TH></TR>
<TR><TD align=center><? echo $servicos; ?></TD><TD align=center><? echo "R$ $valorservicos" ?></TD></TR>
<TR><TD align=center><? echo $servicos1; ?></TD><TD align=center><? echo "R$ $valorservicos1" ?></TD></TR>
<TR><TD align=center><? echo $servicos2; ?></TD><TD align=center><? echo "R$ $valorservicos2" ?></TD></TR>
<TR><TD align=center><? echo $servicos3; ?></TD><TD align=center><? echo "R$ $valorservicos3" ?></TD></TR>
<TR><TD align=center><? echo $servicos4; ?></TD><TD align=center><? echo "R$ $valorservicos4" ?></TD></TR>
<TR><TH align="right">Total Serviço:</TH><Th align=center><? echo "R$ $totalgeralservicos" ?></Th></TR>
</TABLE>
<TABLE BORDER=1 width=100% height=10 align=right id=alter>
<TR><TH width=2%>Quant.</TH><TH width=27%>Peças</TH><TH width=12%>Valor Unit.</TH><TH width=12%>Valor Total</TH></TR>
<TR><TD align=center><? echo $qntpecas; ?></TD><TD align=center><? echo $pecas; ?></TD><TD align=center><? echo "R$ $valorpecas" ?></TD><TD align=center><? echo "R$ $valortotalpecas" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas1; ?></TD><TD align=center><? echo $pecas1; ?></TD><TD align=center><? echo "R$ $valorpecas1" ?></TD><TD align=center><? echo "R$ $valortotalpecas1" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas2; ?></TD><TD align=center><? echo $pecas2; ?></TD><TD align=center><? echo "R$ $valorpecas2" ?></TD><TD align=center><? echo "R$ $valortotalpecas2" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas3; ?></TD><TD align=center><? echo $pecas3; ?></TD><TD align=center><? echo "R$ $valorpecas3" ?></TD><TD align=center><? echo "R$ $valortotalpecas3" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas4; ?></TD><TD align=center><? echo $pecas4; ?></TD><TD align=center><? echo "R$ $valorpecas4" ?></TD><TD align=center><? echo "R$ $valortotalpecas4" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas5; ?></TD><TD align=center><? echo $pecas5; ?></TD><TD align=center><? echo "R$ $valorpecas5" ?></TD><TD align=center><? echo "R$ $valortotalpecas5" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas6; ?></TD><TD align=center><? echo $pecas6; ?></TD><TD align=center><? echo "R$ $valorpecas6" ?></TD><TD align=center><? echo "R$ $valortotalpecas6" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas7; ?></TD><TD align=center><? echo $pecas7; ?></TD><TD align=center><? echo "R$ $valorpecas7" ?></TD><TD align=center><? echo "R$ $valortotalpecas7" ?></TD></TR>
</TABLE>
<TABLE BORDER=1 width=100% height=10 align=right id=alter>
<TR><TH align="right" width=79%>Total Peças:</TH><Th align=center><? echo "R$ $totalgeralpecas" ?></Th></TR>
<TR><TH align="right" width=79%>Desconto:</TH><Th align=center><? echo "R$ $descontop" ?></Th></TR>

<TR><TH align="right" width=79%>TOTAL:</TH><Th align=center><? echo "R$ $total" ?></Th></TR>
<TD align=center>__________________________<br>Assinatura do Cliente</TD>

</TABLE>
</fieldset>
</fieldset>

 

Como puderam ver, as duas tabelas são identicas, uma é cópia da outra. A unica coisa é que na hora de exibir ta ficando uma em cima e uma embaixo, quando deveria ficar Lado "DIREITO e ESQUERDO".

 

Acho que deu pra entender né?

 

Toda ajuda sera bem vinda, e ficarei muito agradecido.

 

Abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marko D. Neto    0

Marko D. Neto
Postado

Galera, consegui, segui o tutorial do Thiago Retondar sobre layout liquido, adaptei para oque eu precisava e deu certinho, o link do tópico é: Layout Liquido Por Thiago Retondar

 

Caso alguem queira ver como ficou, ou caso alguem precise algum dia foi assim que fiz, coloquei este código dentro da tag <head>:

<style type="text/css">
       font-family: Arial, Helvetica, sans-serif;
       margin: 1;
       padding: 0;
       text-decoration: none;
       list-style:  none;
       font-style:  normal;
}
#menu, #box-lat{
       background: #FFFFFF;
       border: 0px solid white;
       padding: 0px;
       margin: 1px 0;
}
#menu, #box-lat{
       height: auto;
       width: 49%;
}
#menu{
       float: right;    
}
#box-lat{
       float: left;
}
</style>

 

E nas tabelas coloquei assim:

<div id="container"> //AQUI DIV PRINCIPAL, QUE JUNTA AS DUAS TABELAS
<div id="menu"> //AQUI DIV LADO DIREITO

<fieldset style="width: 100%; valign: center;">
<td valign="center"><img src="OSlogo.jpg" border="0" width="100%" height="110" alt="" align="center"></td>
<fieldset style="width: 99%;">
           <tr align="left">
   <td align=center ><strong>Data de emissão:</strong> <u><? echo $novadata ?></u></td><td align=center ><strong>Data do Serviço:</strong> <u><? echo $datas ?></u></td><br><td align=center ><strong>Eletricista:</strong> <u><? echo $funcionario ?></u></td><br>
   <td align=center ><strong>Nome:</strong> <u><? echo $nomef ?></u></td><br>
   <td align=center ><strong>End:</strong> <u><? echo $endf ?></u></td>       <td align=center ><strong>Bairro:</strong> <u><? echo $bairrof ?></u><br> <strong>Cidade:</strong> <u><? echo $cidadef  ?></u></td>
<br>
   <td align=center ><strong>CPF / CNPJ:</strong> <u><? echo $cpf22 ?></u></td><br>
   <td align=center ><strong>Veiculo:</strong> <u><? echo $carro ?></u>    <strong>Placa:</strong> <u><? echo $placa ?></u></td>
   </tr>
<br>
<TABLE BORDER=1 width=100% height=10 align=center id=alter>
<TR><TH width=77%>Serviços realizados</TH><TH>Valor</TH></TR>
<TR><TD align=center><? echo $servicos; ?></TD><TD align=center><? echo "R$ $valorservicos" ?></TD></TR>
<TR><TD align=center><? echo $servicos1; ?></TD><TD align=center><? echo "R$ $valorservicos1" ?></TD></TR>
<TR><TD align=center><? echo $servicos2; ?></TD><TD align=center><? echo "R$ $valorservicos2" ?></TD></TR>
<TR><TD align=center><? echo $servicos3; ?></TD><TD align=center><? echo "R$ $valorservicos3" ?></TD></TR>
<TR><TD align=center><? echo $servicos4; ?></TD><TD align=center><? echo "R$ $valorservicos4" ?></TD></TR>
<TR><TH align="right">Total Serviço:</TH><Th align=center><? echo "R$ $totalgeralservicos" ?></Th></TR>
</TABLE>
<TABLE BORDER=1 width=100% height=10 align=center id=alter>
<TR><TH width=2%>Quant.</TH><TH width=27%>Peças</TH><TH width=12%>Valor Unit.</TH><TH width=12%>Valor Total</TH></TR>
<TR><TD align=center><? echo $qntpecas; ?></TD><TD align=center><? echo $pecas; ?></TD><TD align=center><? echo "R$ $valorpecas" ?></TD><TD align=center><? echo "R$ $valortotalpecas" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas1; ?></TD><TD align=center><? echo $pecas1; ?></TD><TD align=center><? echo "R$ $valorpecas1" ?></TD><TD align=center><? echo "R$ $valortotalpecas1" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas2; ?></TD><TD align=center><? echo $pecas2; ?></TD><TD align=center><? echo "R$ $valorpecas2" ?></TD><TD align=center><? echo "R$ $valortotalpecas2" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas3; ?></TD><TD align=center><? echo $pecas3; ?></TD><TD align=center><? echo "R$ $valorpecas3" ?></TD><TD align=center><? echo "R$ $valortotalpecas3" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas4; ?></TD><TD align=center><? echo $pecas4; ?></TD><TD align=center><? echo "R$ $valorpecas4" ?></TD><TD align=center><? echo "R$ $valortotalpecas4" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas5; ?></TD><TD align=center><? echo $pecas5; ?></TD><TD align=center><? echo "R$ $valorpecas5" ?></TD><TD align=center><? echo "R$ $valortotalpecas5" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas6; ?></TD><TD align=center><? echo $pecas6; ?></TD><TD align=center><? echo "R$ $valorpecas6" ?></TD><TD align=center><? echo "R$ $valortotalpecas6" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas7; ?></TD><TD align=center><? echo $pecas7; ?></TD><TD align=center><? echo "R$ $valorpecas7" ?></TD><TD align=center><? echo "R$ $valortotalpecas7" ?></TD></TR>
</TABLE>
<TABLE BORDER=1 width=100% height=10 align=center id=alter>
<TR><TH align="right" width=79%>Total Peças:</TH><Th align=center><? echo "R$ $totalgeralpecas" ?></Th></TR>
<TR><TH align="right" width=79%>Desconto:</TH><Th align=center><? echo "R$ $descontop" ?></Th></TR>
<TR><TH align="right" width=79%></TH><Th align=center>TOTAL</Th></TR>
<TR><TH align="right" width=79%></TH><Th align=center><? echo "R$ $total" ?></Th></TR>
<TD align=center>Assinatura do Cliente</TD>
</TABLE>
</fieldset>
</fieldset>

</div> //FECHA DIV #menu

<div id="box-lat"> AQUI DIV LADO ESQUERDO

<fieldset style="width: 100%; valign: center;">
<td valign="center"><img src="OSlogo.jpg" border="0" width="100%" height="110" alt=""></td>
<fieldset style="width: 99%;" align="center">
           <tr align="left">
   <td align=center ><strong>Data de emissão:</strong> <u><? echo $novadata ?></u></td><td align=center ><strong>Data do Serviço:</strong> <u><? echo $datas ?></u></td><br><td align=center ><strong>Eletricista:</strong> <u><? echo $funcionario ?></u></td><br>
   <td align=center ><strong>Nome:</strong> <u><? echo $nomef ?></u></td><br>
   <td align=center ><strong>End:</strong> <u><? echo $endf ?></u></td>       <td align=center ><strong>Bairro:</strong> <u><? echo $bairrof ?></u><br> <strong>Cidade:</strong> <u><? echo $cidadef  ?></u></td>
<br>
   <td align=center ><strong>CPF / CNPJ:</strong> <u><? echo $cpf22 ?></u></td><br>
   <td align=center ><strong>Veiculo:</strong> <u><? echo $carro ?></u>    <strong>Placa:</strong> <u><? echo $placa ?></u></td>
   </tr>
<br>
<TABLE BORDER=1 width=100% height=10 align=center id=alter>
<TR><TH width=77%>Serviços realizados</TH><TH>Valor</TH></TR>
<TR><TD align=center><? echo $servicos; ?></TD><TD align=center><? echo "R$ $valorservicos" ?></TD></TR>
<TR><TD align=center><? echo $servicos1; ?></TD><TD align=center><? echo "R$ $valorservicos1" ?></TD></TR>
<TR><TD align=center><? echo $servicos2; ?></TD><TD align=center><? echo "R$ $valorservicos2" ?></TD></TR>
<TR><TD align=center><? echo $servicos3; ?></TD><TD align=center><? echo "R$ $valorservicos3" ?></TD></TR>
<TR><TD align=center><? echo $servicos4; ?></TD><TD align=center><? echo "R$ $valorservicos4" ?></TD></TR>
<TR><TH align="right">Total Serviço:</TH><Th align=center><? echo "R$ $totalgeralservicos" ?></Th></TR>
</TABLE>
<TABLE BORDER=1 width=100% height=10 align=center id=alter>
<TR><TH width=2%>Quant.</TH><TH width=27%>Peças</TH><TH width=12%>Valor Unit.</TH><TH width=12%>Valor Total</TH></TR>
<TR><TD align=center><? echo $qntpecas; ?></TD><TD align=center><? echo $pecas; ?></TD><TD align=center><? echo "R$ $valorpecas" ?></TD><TD align=center><? echo "R$ $valortotalpecas" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas1; ?></TD><TD align=center><? echo $pecas1; ?></TD><TD align=center><? echo "R$ $valorpecas1" ?></TD><TD align=center><? echo "R$ $valortotalpecas1" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas2; ?></TD><TD align=center><? echo $pecas2; ?></TD><TD align=center><? echo "R$ $valorpecas2" ?></TD><TD align=center><? echo "R$ $valortotalpecas2" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas3; ?></TD><TD align=center><? echo $pecas3; ?></TD><TD align=center><? echo "R$ $valorpecas3" ?></TD><TD align=center><? echo "R$ $valortotalpecas3" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas4; ?></TD><TD align=center><? echo $pecas4; ?></TD><TD align=center><? echo "R$ $valorpecas4" ?></TD><TD align=center><? echo "R$ $valortotalpecas4" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas5; ?></TD><TD align=center><? echo $pecas5; ?></TD><TD align=center><? echo "R$ $valorpecas5" ?></TD><TD align=center><? echo "R$ $valortotalpecas5" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas6; ?></TD><TD align=center><? echo $pecas6; ?></TD><TD align=center><? echo "R$ $valorpecas6" ?></TD><TD align=center><? echo "R$ $valortotalpecas6" ?></TD></TR>
<TR><TD align=center><? echo $qntpecas7; ?></TD><TD align=center><? echo $pecas7; ?></TD><TD align=center><? echo "R$ $valorpecas7" ?></TD><TD align=center><? echo "R$ $valortotalpecas7" ?></TD></TR>
</TABLE>
<TABLE BORDER=1 width=100% height=10 align=center id=alter>
<TR><TH align="right" width=70%>Total Peças:</TH><Th align=center><? echo "R$ $totalgeralpecas" ?></Th></TR>
<TR><TH align="right" width=79%>Desconto:</TH><Th align=center><? echo "R$ $descontop" ?></Th></TR>
<TR><TH align="right" width=79%></TH><Th align=center>TOTAL</Th></TR>
<TR><TH align="right" width=79%></TH><Th align=center><? echo "R$ $total" ?></Th></TR>
<TD align=center>Assinatura do Cliente</TD>

</TABLE>
</fieldset>
</fieldset>

</div> //FECHA DIV #box-lat
</div> //FECHA DIV PRINCIPAL

 

Bom, ta ai, se algum dia alguem precisar.

 

Abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito