Foros del Web » Creando para Internet » CSS »

Un guión, al imprimir, produce salto de página

Estas en el tema de Un guión, al imprimir, produce salto de página en el foro de CSS en Foros del Web. Buenas, Tengo esta tabla, generada por html: El código de una fila es este: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < tr >     ...
  #1 (permalink)  
Antiguo 07/07/2020, 11:25
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 556
Antigüedad: 18 años, 9 meses
Puntos: 4
Un guión, al imprimir, produce salto de página

Buenas,
Tengo esta tabla, generada por html:


El código de una fila es este:
Código HTML:
Ver original
  1. <tr>
  2.     <td style='background:#ccc;'>7192-18</td>
  3.     <td style='text-align:right;background:#afd8f9;'>81:20h</td>
  4.     <td style='text-align:right;background:#afd8f9;'>26,13%</td>
  5.     <td style='text-align:right;background:#afd8f9;'>79:33h</td>
  6.     <td style='text-align:right;background:#afd8f9;'>25,48%</td>
  7.     <td style='text-align:right;background:#afd8f9;'>149:42h</td>
  8.     <td style='text-align:right;background:#afd8f9;'>48,06%</td>
  9.     <td style='text-align:right;background:#afd8f9;font-weight:bold;'>310:35h</td>
  10.     <td style='text-align:right;background:#c9ead8;'>49.692,74€</td>
  11.     <td style='text-align:right;background:#c9ead8;'>70,88%</td>
  12.     <td style='text-align:right;background:#c9ead8;'>883,83€</td>
  13.     <td style='text-align:right;background:#c9ead8;'>1,26%</td>
  14.     <td style='text-align:right;background:#c9ead8;'>19.529,59€</td>
  15.     <td style='text-align:right;background:#c9ead8;'>27,86%</td>
  16.     <td style='text-align:right;background:#c9ead8;font-weight:bold;'>70.106,16€</td>
  17.     <td style='text-align:right;background:#f5cbd6;font-weight:bold;'>8.829,08€</td>
  18.     <td style='text-align:right;background:#f5cbd6;font-weight:bold;'>5,00%</td>
  19.     <td style='text-align:right;background:#eff7aa;font-weight:bold;'>6.792,46€</td>
  20.     <td style='text-align:right;background:#eff7aa;font-weight:bold;'>3,85%</td>
  21. </tr>
Por pantalla se ve bien, pero cuando quiero imprimir, la primera columna, debido al guión, la imprime en dos filas.


No es por cuestión de espacio. Puedo reducir el tamaño de la fuente para que ocupe la mitad de la página y hace lo mismo.
Alguien sabe como puedo evitar este salto de linea?

Gracias
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #2 (permalink)  
Antiguo 07/07/2020, 12:02
 
Fecha de Ingreso: abril-2011
Mensajes: 134
Antigüedad: 9 años, 6 meses
Puntos: 49
Respuesta: Un guión, al imprimir, produce salto de página

Prueba añadiendo a tu hoja de estilos:

Código CSS:
Ver original
  1. td {
  2.     white-space: nowrap;
  3. }
  #3 (permalink)  
Antiguo 12/07/2020, 09:39
 
Fecha de Ingreso: enero-2015
Mensajes: 203
Antigüedad: 5 años, 9 meses
Puntos: 18
Respuesta: Un guión, al imprimir, produce salto de página

yo pondría todo el css para imprimir separado del css normal, para saber que está ocurriendo

Algo así:

@media print {

body {
margin: 0;
color: #000;
background-color: #fff;
}

}



La zona horaria es GMT -6. Ahora son las 19:12.