quitar margenes al imprimir

JeMaGa · #1 (**permalink**) 17/07/2012, 15:46

Buenas Tardes, necesito ayuda, tengo un aplicativo que me imprime unas etiquetas, la idea es que en una hoja quepan 8 etiquetas, me alcanzan a caber solo 6 pero si se le quitan las margenes caben perfectamente las 8, pero no se como hacer, no se si este tema va en este foro. este es mi codigo

Código PHP:

Ver original<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
 
<!-- Se llama el archivo  jquery.min.js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
 
<head>
 
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
 
<title>ETIQUETA DE CUARENTENA</title>
 
<!-- Se llama el archivo  js/Ajax.js este archivo contiene las funciones de validaciones. -->
<script language="JavaScript" type="text/javascript" src="Ajax.js"></script>
 
<!-- Se llama el archivo  js/Ajax.js este archivo contiene las funciones de validaciones -->
<script language="JavaScript" type="text/javascript" src="js/funciones.js"></script>
 
<style media="print" type="text/css">
#imprimir {
visibility:hidden
}
#cambiar{
visibility:hidden
}
</style>
 
<script>
/*Imprime el formulario Previa.php y luego lo cierra*/
function imprSelec()
{
window.print();
window.close('Previa.php');
window.open('Cuarentena.php');
}
</script>
 
</head>
 
<link href="csss.css" rel="stylesheet" type="text/css" media="print"/>
 
<script language="JavaScript" src="js/jquery-1.5.1.min.js"></script>
 
<script language="JavaScript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
 
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet"/>
 
<body>
 
<?php
 
for ($i=1; $i<=$Total ; $i++){
 
if($i % 2 == 0) {
 
echo '<div style="float:right;width:48%;margin-left:20px;height:100px">';
 
} else {
 
echo '<div style="clear:both;float:left;width:48%;margin-left:5px;height:100px">';
 
}
 
?>
 
<!-- pdfCuarentena2.php -->
<form id="form1" name="form1" method="POST" action="modificar.php?Lotes=<?php echo $Lote; ?>">
 
  <table width="100%" >
        <tr>
          <th height="47" scope="col"><center><H2><font face="Arial, Helvetica, sans-serif">
              <img src="Cuarentena.png" />&nbsp;&nbsp;&nbsp;&nbsp;CUARENTENA</font></H2></center>
          </th>
        </tr>
  </table>
 
  <table width="100%">
      <tr>
        <th colspan="2">Material: <input name="Producto" type="text" size="35" value="<?php echo $Producto ?>  "/></th>
      </tr>
 
      <tr>
        <th colspan="2">Lote: <input name="Nolote" type="text" size="6" value="<?php echo $Lote ?>"/>   Proveedor: <input name="proveedor" type="text" size="15" value="<?php echo $Proveedor ?>"/></th>
      </tr>
 
      <tr>
        <th colspan="2">Cliente: <input name="Cliente" type="text" size="37" value="<?php echo $Cliente ?> "/></th>
      </tr>
 
      <tr>
        <th colspan="2">No.Recip: <input name="Recipiente" type="text" size="1"  value="  <?php echo $i ?>"/> de <input name="de" type="text" size="1" value="  <?php echo $Total ?>"/> /Und.Emp: <input name="empaque" type="text" size="5" value=" <?php echo $Empaque ?>"/></th>
      </tr>
 
      <tr>
        <th colspan="2">Vencimiento: <input size="4" id="fc_1333032142" type="text" READONLY name="fecha" title="YYMMDD" onClick="displayCalendar(this);" value="<?php echo $Fecha ?>"> Cant.Total:  <input name="total" type="text" size="7" value="<?php echo $De ?>"/></th>
      </tr>
 
      <tr>
        <th colspan="2">Responsable: <input name="responsable" type="text" size="13" value="<?php echo $Responsable ?>"/> Fecha: <input name="fecha1" id="fc_1331842667" type="text" READONLY  title="YYMMDD" onClick="displayCalendar(this);" size="4" value="<?php echo $Fecha1 ?>"/></th>
      </tr>
 
      <tr>
        <th height="26" colspan="2">Observaciones: <input name="observaciones" type="text" size="27" value="   <?php echo $Observaciones ?>"/></th>
      </tr>
  </table>
 
</form>
 
</div>    
 
<form id="form1" name="form1" method="POST" action="modificar.php?Lotes=<?php echo $Lote; ?>">
 
<?php
 
}
 
?>
 
<div id="noprint">
 
<input type="button" name="imprimir" id="imprimir" value="IMPRIMIR"  onClick="javascript:imprSelec();" />  <a href="modificar.php?Lotes=<?php echo $Lote; ?>" id="cambiar" name="cambiar">.:::Cambiar Datos:::.</a>
 
<!--<input type="submit" name="imprimir" id="imprimir" value="IMPRIMIR" />-->
 
</div>
 
</form>
 
</body>
 
</html>

este es el que me imprime, gracias por toda la ayuda que me puedan brindar

emprear · #2 (**permalink**) 17/07/2012, 17:59

Podés compactar lo más posible el contenido de la página usando
<link rel="stylesheet" type="text/css" href="imprimir.css" media="print" />
Es decir,crears un imprimir.css y ahi definis que estilos deben aplicarse a los elementos al imprimir, quitar márgenes, paddings, bordes, redimensionar medidas, etc, pero los márgenes de la página en si, dependerán de las opciones que aplique el cliente en "configurar página", desde su navegador

Saludos

JeMaGa · #3 (**permalink**) 19/07/2012, 07:06

Hola listo si me quita espacio pero no todo, aun me deja el espacio como de un centimetro