« anterior | siguiente »

Home > 2008 > Enero > Martes, 08 de Enero 2008 > Saltos de página en CSS
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Mar08Ene2008

Saltos de página en CSS

12:00 H (CET)| Temas: CSS

Las hojas de estilos son importantes tanto para mostrar en una pantalla común, como para mostrarlos en otros dispositivos, por ejemplo al imprimirlos.

A la hora de imprimir una página web es necesario para que la lectura sea más cómoda, pensar en los saltos de página. Para lo cual existe la propiedad page-break-before, la cual nos permite saltar de página antes del elemento.

Para ello deberemos añadir en nuestras hojas de estilo:

@media all  {  
  .page-break { display:none; }  
}  
@media print {  
  .page-break { display:block; page-break-before:always; }  
}

Y en nuestra página web lo siguiente:

<div class="page-break"></div>

Advanced CSS Printing — Using CSS Page Breaks

Vía / Posh CSS

Relacionados

Feedback (1) » Formulario

1. Rafael Esquivel Salgado ~ Domingo, 03 Feb 2008 | 04:35H:

Señores
Soy diseñador gráfico y mi especialidad es la imagen corporativa. Algunas veces diseño páginas para internet y debo atender ciertas detalles de clientes como por ejemplo, necesito crear flyer par impreimir desde la web controlando saltos de páginas en donde, a la hora de imprimir pueda decidir en cuantas hojas se imprimirá el documento. El caso que ustedes plantean no puedo comprenderlo porque mis conocimientos en lenguajes y códigos son básicos.
Quisiera poder obtener información más detallada de cómo lograr mi propósito.

Muchas gracias
Rafael Esquivel Salgado, Costa Rica

Conversación

Nombre:

Email:

(no aparecerá)

URL:

(opcional)
¿Recordar datos?

↓ Comentarios (XHTML permitido)