Foros del Web » Creando para Internet » CSS »

Print CSS

Estas en el tema de Print CSS en el foro de CSS en Foros del Web. Os explico: En un css estan definidos estos valores: div#nodeDecoration { border-top: 0px solid #B3B3B3; border-bottom: 0px solid #B3B3B3; background-image: url(nodeTitle_bg.png); background-position: top right; background-repeat:no-repeat; ...
  #1 (permalink)  
Antiguo 22/10/2010, 02:50
 
Fecha de Ingreso: octubre-2010
Ubicación: Málaga
Mensajes: 8
Antigüedad: 7 años, 1 mes
Puntos: 0
Print CSS

Os explico:
En un css estan definidos estos valores:

div#nodeDecoration {

border-top: 0px solid #B3B3B3;
border-bottom: 0px solid #B3B3B3;
background-image: url(nodeTitle_bg.png);
background-position: top right;
background-repeat:no-repeat;
padding: 18px;

}

Quisiera saber si dentro de este trozo se pudira poner algo para imprimir pulsando en esta imagen: background-image: url(nodeTitle_bg.png); me he pateado Google sin respuesta aver si sabeis algo.
Gracias de antemano :)
Un saludo ;)
  #2 (permalink)  
Antiguo 22/10/2010, 05:20
 
Fecha de Ingreso: octubre-2010
Mensajes: 66
Antigüedad: 7 años, 2 meses
Puntos: 7
Respuesta: Print CSS

Si he entendido bien, lo que no sabes es como hacer la funcion de imprimir, pero si el botón, no?

Puedes hacerlo por javascript, llamando a window.print() :

Código HTML:
Ver original
  1. : <input type="button" name="imprimir" value="Imprimir" onclick="window.print();">


De todos modos, todos los navegadores tienen su botón/menú imprimir. Es mejor (aunque más dificil) reeducar al usuario que reprogramar el navegador!
  #3 (permalink)  
Antiguo 22/10/2010, 08:06
 
Fecha de Ingreso: octubre-2010
Ubicación: Málaga
Mensajes: 8
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Print CSS

El boton con javascript si se hacerlo, lo que nose es si hay alguna función en CSS que sea igual que el onclic="window.print()"
  #4 (permalink)  
Antiguo 22/10/2010, 08:40
Avatar de dargorg  
Fecha de Ingreso: octubre-2010
Ubicación: Castellón (España)
Mensajes: 188
Antigüedad: 7 años, 1 mes
Puntos: 9
Respuesta: Print CSS

@agaran eso no es posible. Piensa que CSS es un lenguaje de programación pero encaminado al diseño, o sea, que las únicas funcionalidades que te va a permitir van a ser aspectos visuales. Para hacer esas otras cosas como las que preguntas existen otros lenguajes de programación con otras finalidades.

Te recomiendo también que, a parte de esto, te definas un archivo CSS para impresión, que permitirá definir qué elementos deseas imprimir de tu web y cuales no, así podrás eliminar aquellos elementos que no son necesarios. Una forma de hacerlo sería:

Para incluir el archivo CSS de impresión:
Código:
<link href="print.css" rel="stylesheet" type="text/css" media="print">
Ocultando los elementos con CSS
Código:
#elemento_a_ocultar
{
   visibility:hidden;
   display: none;
}
Espero que te sea de ayuda.
  #5 (permalink)  
Antiguo 22/10/2010, 11:49
 
Fecha de Ingreso: octubre-2010
Ubicación: Málaga
Mensajes: 8
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Print CSS

Vale gracias, eso quedó claro.
Y si quiero que algo que no parece en el HTML aparezca cuando imprimes? como por ejemplo un logo?
Gracias ;)
  #6 (permalink)  
Antiguo 22/10/2010, 12:03
Avatar de dargorg  
Fecha de Ingreso: octubre-2010
Ubicación: Castellón (España)
Mensajes: 188
Antigüedad: 7 años, 1 mes
Puntos: 9
Respuesta: Print CSS

Tendrías que hacerlo a la inversa. En el CSS normal le pondrías al elemento

Código:
#elemento_a_oculta
{
   visibility:hidden;
   display: none;
}

Código:
#elemento_a_mostrar
{
   display: inline; /* block */
}
  #7 (permalink)  
Antiguo 27/10/2010, 10:37
 
Fecha de Ingreso: octubre-2010
Ubicación: Málaga
Mensajes: 8
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Print CSS

Gracias por vuestra atención, ya he solucionado mi problema
Un Saludo ;)

Etiquetas: print
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 18:28.