Foros del Web » Creando para Internet » CSS »

ayuda con un boton

Estas en el tema de ayuda con un boton en el foro de CSS en Foros del Web. Hola He creado una version imprimible de mi pagina,a modo de factura de una compra. para iniciar la impresion he creado un boton,pero claro al ...
  #1 (permalink)  
Antiguo 12/06/2007, 17:57
 
Fecha de Ingreso: febrero-2007
Mensajes: 172
Antigüedad: 10 años, 9 meses
Puntos: 0
ayuda con un boton

Hola
He creado una version imprimible de mi pagina,a modo de factura de una compra.
para iniciar la impresion he creado un boton,pero claro al imprimir la pagina imprime el boton y me gustaria que no se imprimiera
Creo que esto se puede hacer con CSS,asi que como lo que es la apariencia del boton esta con hecha con CSS pregunto en este foro si se podria hacer con CSS.Por si sirve de algo os pongo el codigo del boton

.boton{
font-size:10px;
font-family:Verdana,Helvetica;
font-weight:bold;
color:white;
background-color:#CC0000;
border:0px;
width:80px;
height:19px;
}

<form><input type="button" class="boton" name="imprimir" value="Imprimir" onclick="window.print()"></form>
  #2 (permalink)  
Antiguo 12/06/2007, 18:48
Avatar de demiurgo_daemon  
Fecha de Ingreso: diciembre-2006
Ubicación: Querétaro
Mensajes: 184
Antigüedad: 11 años
Puntos: 2
Re: ayuda con un boton

Hola,

tienes que hacer un estilo alterno para impresión. Lo primero es agregar media='print' a la etiqueta <style>. Por ejemplo:

Código HTML:
<style media='print' type='text/css'>
/*<![CDATA[*/
.boton{
display: none;
}
/*]]>*/
</style> 
Claro que siempre es mejor tener el CSS en archivos separados .

saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:11.