Estou querendo fazer uma especie de orçamento, bom já ajustei o layout com divs e tabelas,
agora estou em rolado em alguns aspectos.
1º Colocar um botão de impressão, mas que ele imprima apenas as opções escolhidas.
2º Uma maneira de se buscar as imagens em um banco de dados e fazer com que apareça a desejada.
3º Seria enviar via e-mail.
Vai ai meu HTML com css embutido.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<style type="text/css">
*{ list-style:none; text-decoration:none; }
.borda { border:1px solid #F90;
margin:10px auto;
}
#site { width:800px;
margin:10px auto;
border:2px solid #F90;
background:white
}
body {
background-image: url(imagens/bg.jpg);
background-repeat: repeat;
}
.titulo { font-family:Trebuchet MS,Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#F00 }
.t10 { font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.t12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.t14 { font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.t20 { font-family:Arial, Helvetica, sans-serif; font-size:20px; }
.foto { width:100px;
height:100px;
border:none;
margin:10px auto;
}
#finalizar { width:800px;
margin:10px auto;
}
</style>
</head>
<body>
<div id="site">
<table width="768px" class="borda" cellspacing="5" cellpadding="5" >
<tr>
<td width="204">
<img src="imagens/topoatalaia.jpg" />
<td width="546" align="center" class="titulo">ATALAIA SINOP.COM<br />
SACOLAS E CAIXAS - PAPEL E PLÁSTICO<br />
(66) 3531-3273/ 3532-3047<br />
Av. dos Tarumãs, 579 – Jd. Botânico - Sinop - MT
</td></tr></table>
<table width="768px" class="borda" cellspacing="5" cellpadding="5">
<tr>
<td width="203" class="borda">
<div class="foto"><img src="Banco_Imagens/SCS.-DE-CORDÃO-36X29-BRANCA-2-CORES.jpg" width="109" height="100" />
</div>
<td width="528" align="center" class="borda">
<p>
<select name="condicoespagamento2" id="condicoespagamento2" class="t12">
<option> </option>
<option>Modelo Sacola de Plástico</option>
<option>Modelo Sacola de Papel</option>
</select>
</p>
<p>
<select name="condicoespagamento2" id="condicoespagamento2" class="t12">
<option> </option>
<option>Sacola Alça Vazada 14x20</option>
<option>Sacola Alça Vazada 18x23</option>
<option>Sacola Alça Vazada 28x38</option>
<option>Sacola c/ Cordão 11x14</option>
<option>Sacola c/ Cordão 14x20</option>
<option>Sacola c/ Cordão 18x23</option>
<option>Sacola c/ Cordão 23x19</option>
<option>Sacola c/ Cordão 30x23</option>
<option>Sacola c/ Cordão 23x30</option>
<option>Sacola c/ Cordão 28x38</option>
<option>Sacola c/ Cordão 36x29</option>
<option>Sacola c/ Cordão 45x35</option>
</select>
</p>
<p>
<select name="condicoespagamento2" id="condicoespagamento2" class="t12">
<option> </option>
<option>Sacola Alça Camisa Fina Branca 25x35</option>
<option>Sacola Alça Camisa Fina Branca 30x40</option>
<option>Sacola Alça Camisa Fina Branca 40x50</option>
<option>Sacola Alça Camisa Fina Branca 50x60</option>
<option>Sacola Alça Camisa Fina Branca 50x70</option>
<option>Sacola Alça Camisa Fina Branca 60x80</option>
<option>Sacola Alça Camisa Fina Branca 70x90</option>
<option>Sacola Alça Camisa Fina Branca 90x100</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 25x35</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 30x40</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 40x50</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 50x60</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 50x70</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 60x80</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 70x90</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 90x100</option>
<option>Sacola Alça Camisa Fina Colorida 25x35</option>
<option>Sacola Alça Camisa Fina Colorida 30x40</option>
<option>Sacola Alça Camisa Fina Colorida 40x50</option>
<option>Sacola Alça Camisa Fina Colorida 50x60</option>
</select>
</p></td>
<tr>
<td width="203" class="borda">
<div class="foto"><img src="Banco_Imagens/SCS.-DE-CORDÃO-36X29-BRANCA-2-CORES.jpg" alt="" width="109" height="100" /></div>
<td width="528" align="center" class="borda"><p>
<select name="condicoespagamento3" id="condicoespagamento3" class="t12">
<option> </option>
<option>Modelo Sacola de Plástico</option>
<option>Modelo Sacola de Papel</option>
</select>
</p>
<p>
<select name="condicoespagamento3" id="condicoespagamento3" class="t12">
<option> </option>
<option>Sacola Alça Vazada 14x20</option>
<option>Sacola Alça Vazada 18x23</option>
<option>Sacola Alça Vazada 28x38</option>
<option>Sacola c/ Cordão 11x14</option>
<option>Sacola c/ Cordão 14x20</option>
<option>Sacola c/ Cordão 18x23</option>
<option>Sacola c/ Cordão 23x19</option>
<option>Sacola c/ Cordão 30x23</option>
<option>Sacola c/ Cordão 23x30</option>
<option>Sacola c/ Cordão 28x38</option>
<option>Sacola c/ Cordão 36x29</option>
<option>Sacola c/ Cordão 45x35</option>
</select>
</p>
<p>
<select name="condicoespagamento3" id="condicoespagamento3" class="t12">
<option> </option>
<option>Sacola Alça Camisa Fina Branca 25x35</option>
<option>Sacola Alça Camisa Fina Branca 30x40</option>
<option>Sacola Alça Camisa Fina Branca 40x50</option>
<option>Sacola Alça Camisa Fina Branca 50x60</option>
<option>Sacola Alça Camisa Fina Branca 50x70</option>
<option>Sacola Alça Camisa Fina Branca 60x80</option>
<option>Sacola Alça Camisa Fina Branca 70x90</option>
<option>Sacola Alça Camisa Fina Branca 90x100</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 25x35</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 30x40</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 40x50</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 50x60</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 50x70</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 60x80</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 70x90</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 90x100</option>
<option>Sacola Alça Camisa Fina Colorida 25x35</option>
<option>Sacola Alça Camisa Fina Colorida 30x40</option>
<option>Sacola Alça Camisa Fina Colorida 40x50</option>
<option>Sacola Alça Camisa Fina Colorida 50x60</option>
</select>
</p></td>
<tr>
<td width="203" class="borda">
<div class="foto"><img src="Banco_Imagens/SCS.-DE-CORDÃO-36X29-BRANCA-2-CORES.jpg" alt="" width="109" height="100" /></div>
<td width="528" align="center" class="borda"><p>
<select name="condicoespagamento4" id="condicoespagamento4" class="t12">
<option> </option>
<option>Modelo Sacola de Plástico</option>
<option>Modelo Sacola de Papel</option>
</select>
</p>
<p>
<select name="condicoespagamento4" id="condicoespagamento4" class="t12">
<option> </option>
<option>Sacola Alça Vazada 14x20</option>
<option>Sacola Alça Vazada 18x23</option>
<option>Sacola Alça Vazada 28x38</option>
<option>Sacola c/ Cordão 11x14</option>
<option>Sacola c/ Cordão 14x20</option>
<option>Sacola c/ Cordão 18x23</option>
<option>Sacola c/ Cordão 23x19</option>
<option>Sacola c/ Cordão 30x23</option>
<option>Sacola c/ Cordão 23x30</option>
<option>Sacola c/ Cordão 28x38</option>
<option>Sacola c/ Cordão 36x29</option>
<option>Sacola c/ Cordão 45x35</option>
</select>
</p>
<p>
<select name="condicoespagamento4" id="condicoespagamento4" class="t12">
<option> </option>
<option>Sacola Alça Camisa Fina Branca 25x35</option>
<option>Sacola Alça Camisa Fina Branca 30x40</option>
<option>Sacola Alça Camisa Fina Branca 40x50</option>
<option>Sacola Alça Camisa Fina Branca 50x60</option>
<option>Sacola Alça Camisa Fina Branca 50x70</option>
<option>Sacola Alça Camisa Fina Branca 60x80</option>
<option>Sacola Alça Camisa Fina Branca 70x90</option>
<option>Sacola Alça Camisa Fina Branca 90x100</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 25x35</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 30x40</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 40x50</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 50x60</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 50x70</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 60x80</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 70x90</option>
<option>Sacola Alça Camisa Fina Preta/Amarela 90x100</option>
<option>Sacola Alça Camisa Fina Colorida 25x35</option>
<option>Sacola Alça Camisa Fina Colorida 30x40</option>
<option>Sacola Alça Camisa Fina Colorida 40x50</option>
<option>Sacola Alça Camisa Fina Colorida 50x60</option>
</select>
</p></td>
</table>
<table width="768px" class="borda" cellpadding="5" cellspacing="5">
<tr>
<td width="204" class="t14">Condições de Pagamento<td width="521"><form id="form1" name="form1" method="post" action="">
<label for="condicoespagamento"></label>
<select name="condicoespagamento" class="t12" id="condicoespagamento">
<option> </option>
<option>Entrada + 30 Dias</option>
<option>Entrada + 30 + 60 Dias</option>
<option>Entrada + 30 +60 +90 Dias</option>
</select>
</form>
<tr>
<td width="204" class="t14">Prazo de Entrega
<td width="521"><form id="form2" name="form2" method="post" action="">
<label for="Prazoentrega"></label>
<input type="text" name="Prazoentrega" id="Prazoentrega" />
</form>
</table>
<table width="768px" class="borda" cellpadding="5" cellspacing="5">
<tr>
<td align="center" class="t14">FRETE POR CONTA DO CLIENTE<tr>
</table>
</div>
<div id="finalizar">
<input name="Imprimir" type="button" value="Imprimir Orçamento" />
<input name="Imprimir" type="button" value="Enviar Via E-mail" />
</div>
</body>
</html>Espero que me ajudem!
Obrigado!
