Una de CSS para imprimir
2 seguidores
Debo hacer un pequeño manual de ayuda en html. Y me gustaría aplicarle algún trozo de código en CSS que permita "cortar" las impresiones en una A4 sin dejar titulos o textos "descolgados". Solo se que debo utilizar un par de lineas de codigo, pero no me entero como es q se deben aplicar dentro del html... Con una clase, quizas? Alguien ha debido hacer algo similar? Pistas, ayudas, se agradecen
THX in advance :D
meddle
con una clase o usando selectores, eso es lo de menos, pero lo que importa es esto:
<code>loQueSeaQueTeHagaFaltaCortar {page-break-after: always;}</code>
joshuatree
Solo eso? Me parecia q se usaba tambien algo como "media: print" al enunciar la clase...
No se, tu diras, q de esto de currar con codigo ERES EL P AMO. jeje...
meddle
ah, bueno, si, para que se imprima debes poner ese codigo (y las demas definiciones de estilo que quieras en el papel) en un archivo aparte y llamarlo asi:
<code><link rel="stylesheet" type="text/css" media="print" href="rutaHastaTuArchivo.css"></code>
si usas xhtml recuerda que el tag termina en espacio barra.
y no, no soy el puto amo, pero gracias. :P
joshuatree
Jejeje, si de codigo no controlo, pero tengo buena memoria... Jejeje
THX, meddle. Y sí, eres el puto amo del barrio y punto :D
meddle
tambien puedes usar esto:
<code>@media print {
loQueSeaQueTeHagaFaltaCortar {page-break-after: always;}
}</code>
pero si usas javascript para modificar estilos no te lo recomiendo, es mejor usar hojas separadas.
joshuatree
No no no, solo CSS ;)
THX again!