Print CSS

[agaran]

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 ;)

[hdennison]

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:

: <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!

[agaran]

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()"

[dargorg]

@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.

[agaran]

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 ;)

[dargorg]

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 */
}

[agaran]

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