Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
Bom, estou criando um site pessoal e gostaria de uma ajuda, no momento, não estou conseguindo alinhar as tabelas conforme imagem abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadeimagem.net/upload/5a8b25e8.jpg&key=40c28d024d13390a7248712ff124bcd26838e05ca31f9e0c6d4640ce363c95a6" alt="5a8b25e8.jpg" />
Gostaria de colocar aquelas 4 tabelas de roupas para a direita, alinhando com o campo acima. O código está logo abaixo:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/os3_c1.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x top"><img src="images/spacer.gif" width="200" height="1" border="0" alt=""></td>
<td><img src="images/os3_c2.gif" width="7" height="7" border="0" alt=""></td>
</tr>
<tr>
<td style="background: url(images/gr.gif) repeat-y left"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td width="500" height="0">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" width="97" align="center"><img src="images/loja.jpg" width="120" height="120" border="0" alt=""></td>
<td rowspan="3" width="20" align="center"><img src="images/os3_top_line1.gif" width="1" height="120" border="0" alt=""></td>
<td width="500" align="left"><div class="item_name">Loja: Acessórios Konk</div></td>
<td width="500" align="left"><div class="item_name">Contato: 51-34753048</div></td>
</tr>
<tr><td width="10" height="0" align="center"><div class="item_price"></div></td></tr>
</table>
</td>
<td style="background: url(images/gr.gif) repeat-y top right"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td><img src="images/os3_c4.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x bottom"><img src="images/spacer.gif" width="0" height="0" border="0" alt="0"></td>
<td><img src="images/os3_c3.gif" width="7" height="7" border="0" alt=""></td>
</tr>
</table>
</td>
</td>
</tr>
</table>
<div><img src="images/spacer.gif" width="1" height="10" border="0" alt=""></div>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<tr>
<div><img src="images/spacer.gif" width="438" height="10" border="0" alt=""></div>
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/os3_c1.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x top"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="images/os3_c2.gif" width="7" height="7" border="0" alt=""></td>
</tr>
<tr>
<td style="background: url(images/gr.gif) repeat-y left"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td width="187" height="115">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" width="97" align="center"><img src="images/t1.jpg" width="82" height="80" border="0" alt=""></td>
<td width="90"><div class="item_name">ProCotton(tm) Pocket T-Shirt</div></td>
</tr>
<tr><td width="90" height="45" align="center"><div class="item_price">$34.99</div></td></tr>
<tr><td width="90" align="center"><a href="#"><img src="images/os3_info.gif" width="39" height="21" border="0" alt=""></a><a href="#"><img src="images/os3_buy.gif" width="38" height="21" border="0" alt=""></a></td></tr>
</table>
</td>
<td style="background: url(images/gr.gif) repeat-y right"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td><img src="images/os3_c4.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x bottom"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="images/os3_c3.gif" width="7" height="7" border="0" alt=""></td>
</tr>
</table>
</td>
<td><img src="images/spacer.gif" width="12" height="1" border="0" alt=""></td>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/os3_c1.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x top"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="images/os3_c2.gif" width="7" height="7" border="0" alt=""></td>
</tr>
<tr>
<td style="background: url(images/gr.gif) repeat-y left"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td width="187" height="115">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" width="97" align="center"><img src="images/t2.jpg" border="0" alt=""></td>
<td width="90"><div class="item_name">ProCotton(tm) Pocket T-Shirt</div></td>
</tr>
<tr><td width="90" height="45" align="center"><div class="item_price">$34.99</div></td></tr>
<tr><td width="90" align="center"><a href="#"><img src="images/os3_info.gif" width="39" height="21" border="0" alt=""></a><a href="#"><img src="images/os3_buy.gif" width="38" height="21" border="0" alt=""></a></td></tr>
</table>
</td>
<td style="background: url(images/gr.gif) repeat-y right"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td><img src="images/os3_c4.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x bottom"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="images/os3_c3.gif" width="7" height="7" border="0" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr><td colspan="3"><img src="images/spacer.gif" width="1" height="12" border="0" alt=""></td></tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/os3_c1.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x top"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="images/os3_c2.gif" width="7" height="7" border="0" alt=""></td>
</tr>
<tr>
<td style="background: url(images/gr.gif) repeat-y left"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td width="187" height="115">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" width="97" align="center"><img src="images/t3.jpg" border="0" alt=""></td>
<td width="90"><div class="item_name">ProCotton(tm) Pocket T-Shirt</div></td>
</tr>
<tr><td width="90" height="45" align="center"><div class="item_price">$34.99</div></td></tr>
<tr><td width="90" align="center"><a href="#"><img src="images/os3_info.gif" width="39" height="21" border="0" alt=""></a><a href="#"><img src="images/os3_buy.gif" width="38" height="21" border="0" alt=""></a></td></tr>
</table>
</td>
<td style="background: url(images/gr.gif) repeat-y right"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td><img src="images/os3_c4.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x bottom"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="images/os3_c3.gif" width="7" height="7" border="0" alt=""></td>
</tr>
</table>
</td>
<td><img src="images/spacer.gif" width="12" height="1" border="0" alt=""></td>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/os3_c1.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x top"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="images/os3_c2.gif" width="7" height="7" border="0" alt=""></td>
</tr>
<tr>
<td style="background: url(images/gr.gif) repeat-y left"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td width="187" height="115">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" width="97" align="center"><img src="images/t4.jpg" border="0" alt=""></td>
<td width="90"><div class="item_name">ProCotton(tm) Pocket T-Shirt</div></td>
</tr>
<tr><td width="90" height="45" align="center"><div class="item_price">$34.99</div></td></tr>
<tr><td width="90" align="center"><a href="#"><img src="images/os3_info.gif" width="39" height="21" border="0" alt=""></a><a href="#"><img src="images/os3_buy.gif" width="38" height="21" border="0" alt=""></a></td></tr>
</table>
</td>
<td style="background: url(images/gr.gif) repeat-y right"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td><img src="images/os3_c4.gif" width="7" height="7" border="0" alt=""></td>
<td style="background: url(images/gr.gif) repeat-x bottom"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="images/os3_c3.gif" width="7" height="7" border="0" alt=""></td>
</tr>
</table>
</td>
</tr>
</table>
<div><img src="images/spacer.gif" width="1" height="10" border="0" alt=""></div>
</td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
</table>Outra dúvida:
Como eu posso alinhar aqueles dois campos que aparecer na tabela lá em cima? Colocar um campo abaixo do outro.
Atenciosamente,
Rafael
Carregando comentários...