Re: [Ovillo] Imprimir contenido de DIV específico?
Así lo hice.. Muchas gracias. --- Miguel Flores Graphic Design Standard based Web Design Phone +511.6237408 MSN: mi...@pixelperu.net http://pe.linkedin.com/in/mikersson -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo- boun...@lists.ovillo.org] En nombre de mikel blonfu Enviado el: Martes, 30 de Marzo de 2010 01:24 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Imprimir contenido de DIV específico? El problema es que los navegadores no imprimen por defecto los fondos. Si el usuario no cambia esta opción en su navegador tú no puedes controlarlo, la solución sería poner la imagen en el html con la etiqueta img. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Imprimir contenido de DIV específico?
Buenas tardes a todos!
Estoy diseñando un web donde se requiere imprimir solo una región del la
página. He tratado de hacerlo solo con CSS pero no me funciona y me pregunto
si es posible hacerlo sin recurrir a PHP o a JavaScript.
Por ejemplo imprimir el contenido del DIV principal solamente, sin la
barra de menús ni el pié de página.
El código tiene la sgte sintaxis:
html
head
style type=text/css
@media print {
div,a {display:none}
.ver {display:block}
.nover {display:none}
}
/style
script
function impre(num) {
document.getElementById(num).className=ver;
print();
document.getElementById(num).className=nover;
}
/script
/head
body
div id=uno Barra de menús/div
a href=# onclick=impre('uno');return falseImprime 1/a
div id=PRINCIPALImprimir este dicumento/div
a href=# onclick=impre('dos');return falseImprime 2/a
div id=tresPie de página/div
a href=# onclick=impre('tres');return falseImprime 3/a
/body
/html
Saludos cordiales
---
Miguel Flores
Graphic Design Standard based Web Design
Phone +511.6237408
MSN: mi...@pixelperu.net
http://pe.linkedin.com/in/mikersson http://pe.linkedin.com/in/mikersson
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imprimir contenido de DIV específico?
Yo suelo poner los css en archivos externos, así con 1 sólo fichero manejo
los css de todo el sitio
link href=css/screen.css type=text/css rel=stylesheet
media=screen, projection /
link href=css/print.css type=text/css rel=stylesheet media=print /
El archivo print adquiere todos los datos de screen, si no quieres
definir un estilo muy distinto al de pantalla
Pero a continuación indico que será oculto
@import screen.css;
#menu {
display: none important!;
}
Y así con todas las zonas que quieras ocultar.
De igual manera puedes re-definir zonas.
#header {
width: 100% important!;
background: none important!;
}
--
Jairo Ochoa
El 28 de marzo de 2010 14:15, Mikersson mikerfra...@gmail.com escribió:
Buenas tardes a todos!
Estoy diseñando un web donde se requiere imprimir solo una región del la
página. He tratado de hacerlo solo con CSS pero no me funciona y me
pregunto
si es posible hacerlo sin recurrir a PHP o a JavaScript.
Por ejemplo imprimir el contenido del “DIV principal” solamente, sin la
barra de menús ni el pié de página.
El código tiene la sgte sintaxis:
html
head
style type=text/css
@media print {
div,a {display:none}
.ver {display:block}
.nover {display:none}
}
/style
script
function impre(num) {
document.getElementById(num).className=ver;
print();
document.getElementById(num).className=nover;
}
/script
/head
body
div id=uno Barra de menús/div
a href=# onclick=impre('uno');return falseImprime 1/a
div id=PRINCIPALImprimir este dicumento/div
a href=# onclick=impre('dos');return falseImprime 2/a
div id=tresPie de página/div
a href=# onclick=impre('tres');return falseImprime 3/a
/body
/html
Saludos cordiales
---
Miguel Flores
Graphic Design Standard based Web Design
Phone +511.6237408
MSN: mi...@pixelperu.net
http://pe.linkedin.com/in/mikersson http://pe.linkedin.com/in/mikersson
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imprimir contenido de DIV específico?
tnteresantìsimo... yo tambien suelo trabajar con links externos, no hay
problema!
Voy a probar esa soluciòn!!.
Gracias nuevamente
El 28 de marzo de 2010 11:02, Jairo Ochoa jairo.oc...@gmail.com escribió:
Yo suelo poner los css en archivos externos, así con 1 sólo fichero manejo
los css de todo el sitio
link href=css/screen.css type=text/css rel=stylesheet
media=screen, projection /
link href=css/print.css type=text/css rel=stylesheet media=print
/
El archivo print adquiere todos los datos de screen, si no quieres
definir un estilo muy distinto al de pantalla
Pero a continuación indico que será oculto
@import screen.css;
#menu {
display: none important!;
}
Y así con todas las zonas que quieras ocultar.
De igual manera puedes re-definir zonas.
#header {
width: 100% important!;
background: none important!;
}
--
Jairo Ochoa
El 28 de marzo de 2010 14:15, Mikersson mikerfra...@gmail.com escribió:
Buenas tardes a todos!
Estoy diseñando un web donde se requiere imprimir solo una región del la
página. He tratado de hacerlo solo con CSS pero no me funciona y me
pregunto
si es posible hacerlo sin recurrir a PHP o a JavaScript.
Por ejemplo imprimir el contenido del “DIV principal” solamente, sin la
barra de menús ni el pié de página.
El código tiene la sgte sintaxis:
html
head
style type=text/css
@media print {
div,a {display:none}
.ver {display:block}
.nover {display:none}
}
/style
script
function impre(num) {
document.getElementById(num).className=ver;
print();
document.getElementById(num).className=nover;
}
/script
/head
body
div id=uno Barra de menús/div
a href=# onclick=impre('uno');return falseImprime 1/a
div id=PRINCIPALImprimir este dicumento/div
a href=# onclick=impre('dos');return falseImprime 2/a
div id=tresPie de página/div
a href=# onclick=impre('tres');return falseImprime 3/a
/body
/html
Saludos cordiales
---
Miguel Flores
Graphic Design Standard based Web Design
Phone +511.6237408
MSN: mi...@pixelperu.net
http://pe.linkedin.com/in/mikersson
http://pe.linkedin.com/in/mikersson
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
Miguel Flores Franco
Arte y diseño web basado en estándares
http://www.pixelperu.net/
Telf.: (511) 623 7408
Movil_(511) 98680 3327
MSN:mi...@pixelperu.net msn%3ami...@pixelperu.net
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
