Foros del Web » Creando para Internet » HTML »

Imagen de portada blog no se encuadra bien.

Estas en el tema de Imagen de portada blog no se encuadra bien. en el foro de HTML en Foros del Web. Muy buenas, haber si me podeis hechar una mano con una imagen de mi blog que me lleva de cabeza. El blog es este: http://tarrikairenofansub.blogspot.com ...
  #1 (permalink)  
Antiguo 18/04/2010, 17:00
 
Fecha de Ingreso: abril-2010
Mensajes: 39
Antigüedad: 7 años, 8 meses
Puntos: 0
Imagen de portada blog no se encuadra bien.

Muy buenas, haber si me podeis hechar una mano con una imagen de mi blog que me lleva de cabeza.
El blog es este: http://tarrikairenofansub.blogspot.com
El caso es que en la imagen de portada que tengo en Header, se puede apreciar que en la parte inferior, la imagen no llega a cubrir todo el espacio que deberia. He revisado el HTML pero no encuentro el error. Teneis idea de que se trata?

Muchas gracias de antemano.
  #2 (permalink)  
Antiguo 19/04/2010, 00:45
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Imagen de portada blog no se encuadra bien.

Tarrika:
No lo tomes a mal, pero tu css es un caos, de todas maneras creo haber corregido a medias tu problema,

tu css actual:

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header img {
margin-left: auto;
margin-right: auto;
}

modificando como sigue podemos corregir bastante el problema:

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
height: 242px;
}
#header img {
margin-left: auto;
margin-right: auto;
height: 246px;
}

pero como te dije, es a medias, porque hay un problema con la imagen en si misma. Con lo anterior, la espalda del personaje de la izquierda encaja perfectamente en la esquina inferior izquierda del div, pero si vas siguiendo hacia la derecha, al parecer la transparencia del PNG no tiene el mismo indice, hay como una especie de espacio mas claro que llega hasta la espalda del personaje de la derecha (el de pelo rubio), justo debajo del texto en japones.
Otra recomendación, intenta reducir el peso de las imágenes, del header y de la de fondo, la carga es lenta y hay un desfasaje notorio entre las dos y a su vez con respecto a la carga general de la página. (yo trabaje sobre tu jpg de fondo y se puede reducir a unos 100kb, sin que pierda demasiado para verlo en la web.)

Las pruebas las hice con Firefox, no sé como se vera el nuevo CSS en otros navegadores.

Te dejo la muestra en http://foros.emprear.com/tarrika/tarrikaire.jpg

Saludos
  #3 (permalink)  
Antiguo 19/04/2010, 06:43
 
Fecha de Ingreso: abril-2010
Mensajes: 39
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: Imagen de portada blog no se encuadra bien.

emprear tienes razon es un caos, el caso es que es mi primer blog y para colmo he tenido que modificar mucho el diseño inicial.
Ya me he fijado en eso que pasa el parte inferior de la imagen pero no entiendo porque pasa, me parece rarisimo que sea culpa de la imagen ya que el tamaño del lienzo de esta es fijo. Aun asi le he hecho un apaño (que no gusta la verdad ) para arreglarlo un poco.
No se si tambien entiendes de photoshop, pero te comento las pruebas que hice con la imagen:
- Esta está en PNG. ya que el fondo lo quiero transparente, y es donde da el fallo.
- La misma imagen pero a formato .JPG no puedo poner el fondo transparente pero si me arregla el problema.

Pero descartamos un error en el CSS?

Muchas gracias por la ayuda.

PD: Tienes razon, la imagen de fondo se puede reducir de peso, ya me pondre con ello tambien.
  #4 (permalink)  
Antiguo 19/04/2010, 09:02
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Imagen de portada blog no se encuadra bien.

Tarrika:
no entiendo por que dices

Cita:
Pero descartamos un error en el CSS?
El problema, está, o estaba mejor dicho, en las 2 cosas CSS y la imágen. Pero por lo visto alguna modificación ya has hecho, recien entre a tu página y la imagen ya encuadra bien y solucionaste lo del png agregando esos simbolos como relleno.
Yo uso poco el Photoshop, las transparencias las suelo hacer en Fireworks, asi que no sabria decirte.
Ahora creo que está mejor, ya probé con IE 7/8, Opera 10 y Firefox 3.6 y en todos se ve bien.

Saludos
  #5 (permalink)  
Antiguo 19/04/2010, 10:09
 
Fecha de Ingreso: abril-2010
Mensajes: 39
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: Imagen de portada blog no se encuadra bien.

Lo decia porque me extrañaba que la misma imagen, cambiandole el formato si encuadrase bien sin tener que aplicar ese "relleno" en la parte de abajo. Por eso queria asegurarme de que, aplicando las pautas que tu me distes, ya no habria un problema en la forma del HTML de mi blog. Por lo que entiendo ya no hay errores en él pues (que sea un caos es otra cosa jejeje).
Bueno pues nada tendré que conformarme con dejar la imagen con esos simbolos de relleno.

Muchas gracias por la ayuda prestada emprear.
Saludos.

Última edición por Tarrika; 19/04/2010 a las 12:38
  #6 (permalink)  
Antiguo 19/04/2010, 12:38
 
Fecha de Ingreso: abril-2010
Mensajes: 39
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: Imagen de portada blog no se encuadra bien.

Lo he solucionado, te lo explico por si tienes curiosidad sobre de que se trataba:

Mi CSS estaba asi:
Código CSS:
Ver original
  1. #header {
  2.   margin: 0px;
  3.   border:0px solid #000000;
  4.   text-align: center;
  5.   color:$pagetitlecolor;
  6.   background-color:#transparent;
  7.   background-image:url(http://content.pimp-my-profile.com/tp/000000-70-tp.png);
  8. }

Entonces lo único que he tenido que hacer es borrar las 2 ultimas lineas:
Código CSS:
Ver original
  1. #header {
  2.   margin: 0px;
  3.   border:0px solid #000000;
  4.   text-align: center;
  5.   color:$pagetitlecolor;
  6. }

Y listo! Es que me parecia rarisimo que la imagen estuviera mal.
De todos modos, por supuesto te agradezco el tiempo que te has tomado en mi problema.

Saludos!
  #7 (permalink)  
Antiguo 19/04/2010, 15:36
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Imagen de portada blog no se encuadra bien.

Me alegro. Y damos por concluido este tema.
Cualquier otra duda, por aquí estaré.
Saludos

Etiquetas: blog, portada
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 12:08.