Foros del Web » Creando para Internet » CSS »

Imprimir el fondo de esta linea de tiempo

Estas en el tema de Imprimir el fondo de esta linea de tiempo en el foro de CSS en Foros del Web. hola que tal tengo algo como esto y como pueden apreciar tiene colores de fondo, barritas de colores y demas cosas, y pues lo que ...
  #1 (permalink)  
Antiguo 23/11/2009, 12:35
Avatar de lukas4  
Fecha de Ingreso: octubre-2008
Ubicación: frente al pc
Mensajes: 496
Antigüedad: 9 años, 2 meses
Puntos: 12
Imprimir el fondo de esta linea de tiempo

hola que tal tengo algo como esto y como pueden apreciar tiene colores de fondo, barritas de colores y demas cosas, y pues lo que quiero es que cuando se mande a imprimir se imprima con todos esos colores y demas cosas, porque cuando lo mando a imprimir solo me manda el texto de los eventos.

revise esta pregunta y dicen que ponga media="print, screen" pero a mi nome funciono, les dejo el codigo de mis estilos del archivo:

Código css:
Ver original
  1. .titulo{
  2.     position: absolute;
  3.     left:500px;
  4.     top: 5px;
  5. }
  6. .fin{
  7.     position:absolute;
  8.     left: 1500px;
  9.     top:250px;
  10.     height:200px;
  11.     width: 1024px;
  12.     margin-left: -512px;
  13. }
  14. </style>
  15. <style>
  16. @media screen,print{
  17.     .estilo{
  18.         position: absolute;
  19.         left: 565px;
  20.         top: 50px;
  21.         height:200px;
  22.         width:1024px;
  23.         margin-left: -512px;
  24.         border:1px solid #000000;
  25.     }
  26. }

y aqui asigno el estilo a mi div:
Código html:
Ver original
  1. <div id="my-timeline" class="estilo" ></div>

nota: el div esta vacio porke todo ocurre en una funcion de javascript que se ejecuta al cargarse la pagina
  #2 (permalink)  
Antiguo 23/11/2009, 13:25
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Imprimir el fondo de esta linea de tiempo

Bueno lo que pasa es que en el CSS no estas definiendo el color de fondo de las "barritas" y por eso no te lo toma, pero igual todo depende de como tengas configurado el navegar al momento de imprimir.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 23/11/2009, 13:29
Avatar de lukas4  
Fecha de Ingreso: octubre-2008
Ubicación: frente al pc
Mensajes: 496
Antigüedad: 9 años, 2 meses
Puntos: 12
Respuesta: Imprimir el fondo de esta linea de tiempo

si, de eso me di cuenta, pero el problema es que esas barritas se generan en un archivo de javascrpt, y pues ahi ya no se como sacar esos datos :S
  #4 (permalink)  
Antiguo 23/11/2009, 14:22
Avatar de lukas4  
Fecha de Ingreso: octubre-2008
Ubicación: frente al pc
Mensajes: 496
Antigüedad: 9 años, 2 meses
Puntos: 12
Respuesta: Imprimir el fondo de esta linea de tiempo

de hecho, la informacion se saca de un XML, y en el XML viene el color de cada barrita.

Ejemplo:
Código XML:
Ver original
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <data>
  3.     <event start="May 28 2006 09:00:00 GMT" end="Jun 15 2006 09:00:00 GMT" isDuration="true" title="Writing Timeline documentation"  trackMum="7" textColor="#000000">
  4.  
  5.         A few days to write some documentation for <a href="http://simile.mit.edu/timeline/">Timeline</a>.
  6.        
  7.     </event>
  8.    
  9.     <event start="Jun 15 2006 00:00:00 GMT" end="Jun 26 2006 00:00:00 GMT" isDuration="true" title="Friend's wedding" trackNum="1" color="FFFFF">
  10.  
  11.         I'm not sure precisely when my friend's wedding is.
  12.        
  13.     </event>
  14.    
  15.     <event start="Jun 26 2006 00:00:00 GMT" end="Aug 01 2006 00:00:00 GMT" isDuration="true" title="Trip to Beijing" link="http://travel.yahoo.com/" trackNum="2" color="#eb0b0b">
  16.         Woohoo!
  17.     </event>
  18.     <event start="Aug 01 2006 00:00:00 GMT" end="Aug 03 2006 00:00:00 GMT" isDuration="true" title="titulo 4 bien grandototototote" trackNum="3" color="#0b11ef">
  19.         evento 4
  20.     </event>
  21.     <event start="Aug 03 2006 00:00:00 GMT" end="Aug 06 2006 00:00:00 GMT" isDuration="true" title="titulo 5 bien grandototototote" trackNum="4" color="#0bef4c">
  22.         evento 5
  23.     </event>
  24. </data>
el color se asigna en el tag de color.

Última edición por lukas4; 23/11/2009 a las 14:36
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:04.