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
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
Re: [Ovillo] Imprimir contenido de DIV específico?
Me sucede que cuando envío a imprimir no imprime el #content cuando en
realidad es lo que quiero imprimir:
#header { display:none; !important;}
#footer { display:none; !important;}
body { background: # fff; !important;}
El #content es precisamente es una imagen de fondo definido en el CSS como:
.pict2 {
width:790px;
height:1116px;
background: url(../images/img_arm002.jpg) no-repeat topcenter;
color:#564b47;
overflow:hidden;}
Tengo entendido el orden de los Estilos sonde importancia. Los tengo
definbidos asi:
Un detalle sería la posicipon de los CSS:
<!--
@import url("css/print.css") print;
@import url("css/arm.css")screen, projection;
-->
Estará bien el orden o estoy al revés?
Gracias por el sporte!
> -Mensaje original-
> De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-
> boun...@lists.ovillo.org] En nombre de Jairo Ochoa
> Enviado el: Lunes, 29 de Marzo de 2010 09:59 a.m.
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Imprimir contenido de DIV específico?
>
> La opción de usar una clase "nover" no me gusta mucho por varios
> motivos.
>
> Te obligas a llenar la web de etiquetas "nover" que no añaden
> información
> importe a la web, a veces el objetivo no es ocultar sino cambiar.
> Por ejemplo el #header puede ser interesante imprimirlo, pero sin
> fondo, en
> ese caso en el css print se debe redefinir #header eliminando el fondo.
> Otro ejemplo puede ser un listado de artículos que aparecen sus fotos
> dentro
> de un cuadro y al imprimir lo eliminas con un "border: none"
>
> todos esos "nover" que no escribes los sutituyes escribiendo en el
> print.css
>
>
> #esto, #lootro, .yestootro, .blablabla {
> display: none;
> }
>
> Aun más, siempre puedes arrepentirte y decidir mostrar algo, sólo es
> borrarlo en el print.css, de la otra manera deberías ir una a una a
> todas
> las páginas donde aparezca el class="nover" para borrarlo.
>
> Tienes razón con lo de "!important"
>
> Salu2
> --
>
> Jairo Ochoa
>
>
> El 29 de marzo de 2010 08:54, Ramón Corominas
> escribió:
>
> > En realidad es !important... De todos modos creo que lo que le falta
> al
> > código original son clases para "ver" y "nover". Vamos, que con
> poner:
> >
> > Esto no sale
> >
> > ya lo tendrías... En cualquier caso, sí que es mejor usar hojas de
> > estilo externas, aunque sólo sea por claridad.
> >
> > Saludín,
> > Ramón.
> >
> > Jairo escribió:
> > > Yo suelo poner los css en archivos externos, así con 1 sólo fichero
> > manejo los css de todo el sitio
> > >
> > > > > media="screen, projection" />
> > > media="print"
> > />
> > >
> >
> > ___
> > 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
___
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?
La opción de usar una clase "nover" no me gusta mucho por varios motivos.
Te obligas a llenar la web de etiquetas "nover" que no añaden información
importe a la web, a veces el objetivo no es ocultar sino cambiar.
Por ejemplo el #header puede ser interesante imprimirlo, pero sin fondo, en
ese caso en el css print se debe redefinir #header eliminando el fondo.
Otro ejemplo puede ser un listado de artículos que aparecen sus fotos dentro
de un cuadro y al imprimir lo eliminas con un "border: none"
todos esos "nover" que no escribes los sutituyes escribiendo en el print.css
#esto, #lootro, .yestootro, .blablabla {
display: none;
}
Aun más, siempre puedes arrepentirte y decidir mostrar algo, sólo es
borrarlo en el print.css, de la otra manera deberías ir una a una a todas
las páginas donde aparezca el class="nover" para borrarlo.
Tienes razón con lo de "!important"
Salu2
--
Jairo Ochoa
El 29 de marzo de 2010 08:54, Ramón Corominas
escribió:
> En realidad es !important... De todos modos creo que lo que le falta al
> código original son clases para "ver" y "nover". Vamos, que con poner:
>
> Esto no sale
>
> ya lo tendrías... En cualquier caso, sí que es mejor usar hojas de
> estilo externas, aunque sólo sea por claridad.
>
> Saludín,
> Ramón.
>
> Jairo escribió:
> > Yo suelo poner los css en archivos externos, así con 1 sólo fichero
> manejo los css de todo el sitio
> >
> > > media="screen, projection" />
> > />
> >
>
> ___
> 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 ?
En realidad es !important... De todos modos creo que lo que le falta al código original son clases para "ver" y "nover". Vamos, que con poner: Esto no sale ya lo tendrías... En cualquier caso, sí que es mejor usar hojas de estilo externas, aunque sólo sea por claridad. Saludín, Ramón. Jairo escribió: > Yo suelo poner los css en archivos externos, así con 1 sólo fichero manejo > los css de todo el sitio > > media="screen, projection" /> > > ___ 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 escribió:
> Yo suelo poner los css en archivos externos, así con 1 sólo fichero manejo
> los css de todo el sitio
>
> media="screen, projection" />
> />
>
> 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 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:
> >
> >
> >
> >
> >
> >
> >
> >
> >
> > @media print {
> >
> >div,a {display:none}
> >
> >.ver {display:block}
> >
> >.nover {display:none}
> >
> > }
> >
> >
> >
> >
> >
> > function impre(num) {
> >
> >document.getElementById(num).className="ver";
> >
> >print();
> >
> >document.getElementById(num).className="nover";
> >
> > }
> >
> >
> >
> >
> >
> >
> >
> >
> >
> > Barra de menús
> >
> > Imprime 1
> >
> > Imprimir este dicumento
> >
> > Imprime 2
> >
> > Pie de página
> >
> > Imprime 3
> >
> >
> >
> >
> >
> >
> >
> > Saludos cordiales
> >
> >
> >
> > ---
> >
> > Miguel Flores
> >
> > Graphic Design & Standard based Web Design
> >
> > Phone +511.6237408
> >
> > MSN: mi...@pixelperu.net
> >
> >
> 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
___
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
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 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:
>
>
>
>
>
>
>
>
>
> @media print {
>
>div,a {display:none}
>
>.ver {display:block}
>
>.nover {display:none}
>
> }
>
>
>
>
>
> function impre(num) {
>
>document.getElementById(num).className="ver";
>
>print();
>
>document.getElementById(num).className="nover";
>
> }
>
>
>
>
>
>
>
>
>
> Barra de menús
>
> Imprime 1
>
> Imprimir este dicumento
>
> Imprime 2
>
> Pie de página
>
> Imprime 3
>
>
>
>
>
>
>
> Saludos cordiales
>
>
>
> ---
>
> Miguel Flores
>
> Graphic Design & Standard based Web Design
>
> Phone +511.6237408
>
> MSN: mi...@pixelperu.net
>
> 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
[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:
@media print {
div,a {display:none}
.ver {display:block}
.nover {display:none}
}
function impre(num) {
document.getElementById(num).className="ver";
print();
document.getElementById(num).className="nover";
}
Barra de menús
Imprime 1
Imprimir este dicumento
Imprime 2
Pie de página
Imprime 3
Saludos cordiales
---
Miguel Flores
Graphic Design & Standard based Web Design
Phone +511.6237408
MSN: mi...@pixelperu.net
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
