Foros del Web » Creando para Internet » CSS »

Alinear impresión.

Estas en el tema de Alinear impresión. en el foro de CSS en Foros del Web. Tengo el siguiente html: Código HTML: <div class= "pagina" > <div class= "head" > </div> <iframe class= "menu" src= "menus.html" scrolling= "no" frameborder= "0" > ...
  #1 (permalink)  
Antiguo 10/09/2005, 07:27
 
Fecha de Ingreso: noviembre-2003
Mensajes: 383
Antigüedad: 20 años, 4 meses
Puntos: 2
Alinear impresión.

Tengo el siguiente html:

Código HTML:
<div class="pagina">
 <div class="head">
 </div>

   <iframe class="menu" src="menus.html" scrolling="no" frameborder="0" >
   </iframe>

 <div class="contenido">
     <div class="nota">
	    <div class="titunota"> ... </div>
	    <div class="textonota">...</div>
    </div>
 </div>
</div> 
... y el siguiente CSS para imprimir ...

Código HTML:
body, html {
	position: relative;
	top: 0px;
	left : 0px;
}
a, .menu, .head{
	visibility : hidden;
}

.contenido {
	position: relative;
	top: 0px;
	left : 0px;
}
El problema es que SI me imprime unicamente el bloque .contenido pero me deja un espacio en blanco desde la parte superior del folio de unos 10 cm.
¿Como puedo ajustar el espacio del encabezado del folio?
  #2 (permalink)  
Antiguo 10/09/2005, 07:42
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola pellagofio

Prueba cambiando: visibility : hidden;

por: display:none

Saludos,
  #3 (permalink)  
Antiguo 10/09/2005, 08:48
 
Fecha de Ingreso: noviembre-2003
Mensajes: 383
Antigüedad: 20 años, 4 meses
Puntos: 2
Bien, ahora tengo otro problema a la hora de previsualizar la impresión.
El HTML es el siguiente:

Código HTML:
<div class="contenedor">
  <img class="imagen1" ...>

  <div class="bloq1">
     <img class="imagen2" ...>
     <img class="imagen2" ...>
  </div>

   Texto del contenedor ...

  <div style="clear:both;"></div> 
</div> 
... pues el ''Texto del contenedor'' me aparece debajo de .imagen1 y yo lo que quiero es que me aparezca .imagen1 a la izquierda (hecho) .imagen2 a la derecha (hecho) y "Texto del cotenedor" entro estos dos y bordeando las imagenes.

Código HTML:
.contenedor { clear: both; float: left; }

.imagen1 { float: left; }	   

.bloq1 { 	float: right; }

.imagen2 { }
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 08:49.