Foros del Web » Creando para Internet » CSS »

Error al mostrar imagen en Explorer

Estas en el tema de Error al mostrar imagen en Explorer en el foro de CSS en Foros del Web. Muy buenas, me encuentro arreglando los problemillas del css para que se vea correctamente en explorer. Pero me he encontrado con algo que no entiendo ...
  #1 (permalink)  
Antiguo 09/03/2011, 11:29
 
Fecha de Ingreso: marzo-2011
Mensajes: 18
Antigüedad: 6 años, 9 meses
Puntos: 0
Error al mostrar imagen en Explorer

Muy buenas,

me encuentro arreglando los problemillas del css para que se vea correctamente en explorer. Pero me he encontrado con algo que no entiendo y no consigo solucionar.

Tengo una casilla en la que hay una imagen:

.imagen {
background-image: url("../iconos/imagen.png");
background-position: 5px center;
background-repeat: no-repeat;
color: #004785;
cursor: pointer;
padding-bottom: 5px;
padding-left: 15px;
padding-top: 5px;
text-decoration: underline;
}

y un enlace:

.enlace {
text-decoration: underline;
cursor: pointer;
}

Pues bien, el caso es que me aparece la imagen correctamente y también el enlace pero entre los dos, me aparece la típica imagen de windows cuando es incapaz de mostrar una imagen, esa del paisaje. No sé de donde viene esa imagen que es incapaz de mostrar. He separado con padding-left el enlace y la imagen se queda pegada a mi imagen correcta.

¿Alguien tiene alguna idea?
  #2 (permalink)  
Antiguo 09/03/2011, 12:10
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 10 meses
Puntos: 36
Respuesta: Error al mostrar imagen en Explorer

Tendríamos que ver el HTML para opinar.
El enlace roto lo produce una imagen declarada con la etiqueta <img>, no parece que sea culpa del css.
  #3 (permalink)  
Antiguo 11/03/2011, 02:26
 
Fecha de Ingreso: marzo-2011
Mensajes: 18
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Error al mostrar imagen en Explorer

Gracias por responder tan pronto, sanxuan.

El HTML de esa parte sería este:

TBODY>
<TBODY>
<TR>
<TD style="VERTICAL-ALIGN: top" align=left><IMG class=imagen __eventBits="229501"></TD>
<TD style="VERTICAL-ALIGN: top" align=left>
<DIV class=enlaceSubrayado __eventBits="1" __uiObjectID="null">
</DIV></TD></TR></TBODY></TABLE></TD>


Gracias por adelantado por la ayuda que me podais prestar
  #4 (permalink)  
Antiguo 11/03/2011, 10:13
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 10 meses
Puntos: 36
Respuesta: Error al mostrar imagen en Explorer

En la etiqueta <img> no incluyes el atributo src con el nombre del archivo de imagen, puede que sea esa la causa.
Si deseas usar esa etiqueta y que la imagen la defina el css puedes incluir una imagen transparente en la etiqueta img. Basta con que tenga 1px. En el css debes añadir además de la imagen de fondo el tamaño de la misma para que sea visible.
No sé si es eso lo que pretendías conseguir.
Puedes hacer uso del validador de código del w3c: http://validator.w3.org
para encontrar posibles fallos en el código.
Este otro enlace permite comprobar tu CSS: http://jigsaw.w3.org/css-validator/
  #5 (permalink)  
Antiguo 14/03/2011, 10:32
 
Fecha de Ingreso: marzo-2011
Mensajes: 18
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Error al mostrar imagen en Explorer

Gracias por tu respuesta sanxuan.

Serías tan amable de ponerme un ejemplo con lo que propones? Intento añadir el atributo mediante setResource en el código pero no lo logro. Estoy verde en esto!

Me gustaría utilizar la segunda opción que indicas.


Gracias por tu ayuda
  #6 (permalink)  
Antiguo 14/03/2011, 15:27
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 10 meses
Puntos: 36
Respuesta: Error al mostrar imagen en Explorer

Sin más refencia que la que tú mismo aportas, parece que la etiqueta <IMG class=imagen __eventBits="229501"> no incluye el atributo src que define el archivo que contiene a la imagen en cuestión.
Supongamos que tu imagen es un archivo img.gif que se encuentra en la carpeta raiz. Si quieres que esa imagen se muestre, la etiqueta debe ser de este estilo: <img src="img.gif">.
Lo que comentaba del uso de una imagen transparente es bastante simple.
Tú quieres definir el fondo de la etiqueta <img> mediante css. Si usas una imagen, ésta se colocará por encima del fondo. Si usas un gif o png, las partes transparentes dejarán ver el fondo, pero un jpg lo ocultará.
Si usas una imagen totalmente transparente guardada como gif o png, lo que se verá será el fondo.
Tu HTML puede ser algo así:
<img class="imagen" src="transparente.png" style="background:url(FondoImagen.jpg); width:300px; height:300px;">
suponiendo que tu imagen tiene un tamaño de 300x300px.

Etiquetas: explorer
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:50.