Hola Kruba,
me alegro que ya te haya salido la imagen de la impresora. mira, he hecho una simulación de tu página con 3 de tus imágenes y se ven muy bien en vista de impresión:
http://todojazz.mywebcommunity.org/kruba.htmlAl final te pondré los códigos. Ahora, te diré que tome 3 de tus imágenes y las reduje de tamaño porque son super grandotas!!! Fíjate hasta cuánto puedes reducir la imágen sin afectar la calidad al imprimir porque la verdad, por el tamaño siguen demorando al cargar. A mí, me funciona muy bien tanto en la carpeta local como internet (al servidor gratuito no pude subir las imágenes en su tamaño real por lo que tuve que reducirlas).
Prueba a poner en tu css de impresión:
#contenido img {margin-bottom:30px}
y aquitar algunos códigos que me parecen están demás como:
.centrado {text-align:center} suficiente conel del body.
Esto está demás:
#text{margin: 30px 40px 0px 70px}
#textuno{margin: 0px 40px 0px 15px}
a {color: #E0FFFF; text-decoration:none; font-size:0.9em; display: block }
a:link{}
a:visited{}
a:hover{color:#00FFFF ;text-decoration:underline}
a:active{}
p {text-align: center}
pp {text-align: left}
Aquí te pongo los códigos que use para hacer tu web: primero, html:
<link rel="stylesheet" href="kruba.css" type="text/css" media="all">
<link rel="stylesheet" href="imprimir.css" type="text/css" media="print">
</head>
<body>
<div id="contenido">
holaaaaaaaaaaa</p>
[contenido no disponible][contenido no disponible] [contenido no disponible] [contenido no disponible]<br
[contenido no disponible] VERSIÓN IMPRESA</p>
</div>
</body>
</html>
Ahora, IMPRIMIR.CSS
* {margin:0px ; padding:0px ; border:0px}
hr {width:548px; height:1px ; color:a2cd5a; float:left;}
body {text-align: center; background-color:8b8378}
#global {width:800px ; margin: 4px auto}
#contenido {color:white}
#contenido p {visibility:hidden; display:none}
#contenido img {margin-bottom:30px}
Ahora, css:
* {margin:0px ; padding:0px ; border:0px}
hr {width:548px; height:1px ; color:a2cd5a; float:left;}
body {text-align: center; background-color:8b8378}
#global {width:800px ; margin: 4px auto}
#contenido {}
#contenido p {padding: 10px 60px 5px 0px; font:12px verdana, sans-serif ; color:white}
img {margin-bottom:30px}
Como ves, apenas lo necesario solo para probar que sí salen tus imágenes, que sí es posible que hagas tu versión impresa. Procura hacer lo mismo, es decir, primero, solo pon solo las imágenes.
Para que haya espacio entre una y otra imagen, en imprimir.css, pon:
img {margin-bottom:30px}
Está en los códigos que te mandé, aquí, lo repito. Avísame cómo te va, saludos.
Se me acaba de ocurrir que a lomejor no se ven por lo grande que son tus imágenes. Prueba con un par de figuras chicas (300x300), por eso yo le puse el logo de jorgens.
