Imagen ausente

[American2010]

Quiero aprovechar este post para hacer 2 consultas en 1

Tengo el siguiente código...

Código HTML:

<div id="paginate-slider4" >

<a href="#" class="toc"><img src="..." alt="#"/></a> 

En el CSS tengo

Código HTML:

#paginate-slider4 a img{
width: 82px;
height: 60px;
border: 2px solid #677278;
margin-top: 5px;
padding: 3px;
}

El problema que tengo es que si la imagen no se carga el tamaño no se respeta, aún cuando tiene definido un width y un height...

¿Cómo puedo solucionar esto?

Y otra consulta, aunque esta imagino que no es de CSS sino de PHP. ¿Cómo puedo saber si la imagen no se cargó y reemplazarla por otra?

[Triby]

Supongo que para forzar las medidas de algo que no se cargo, habria que aplicar un display:block;, pero esto podria traer consecuencias inesperadas porque el comportamiento normal es inline.

No hay forma de saber si una imagen se cargo o no, supongo que algo podria intentarse mediante javascript, aunque tengo mis reservas.

[chotuno]

Si el espacio para la imagen siempre va a ser siempre el mismo, podrias poner un <div> con una imagen de fondo para cuando no se cargue la imagen correctamente, siempre se veria el espacio con la otra imagen, y de lo contrario el <img> se veria encima del fondo.

[prava]

Hola Miguel, para la primer cuestión lo que tenes que hacer para que una imagen respete las dimensiones aunque esta no se cargue es mediante las medidas en la propia imagen

Código:

<img src="" width=82 height=60 alt="#"/>

No es lo mismo hacerlo desde css.
Por lo segundo creo que tendrías que ver la solucion por javascript pero desconozco como podría ser.

Saludos,
Pablo.

[Triby]

prava, especificar width y height en la misma etiqueta funciona, ahora solo faltaria ver la codificacion (DTD) usada y saber que tan importante es mantener un codigo estandar y validado, que, si es el caso, habria que encerrar las medidas entre comillas.

[bkolores]

a ver amigaso, esto es como escriben lo mijjjjitos linjjjjdos de irak y todo eso... de derecha a izquierda.

#paginate-slider4 a img{

le dices... que img cuando este dentro de un a y este a este dentro de un #paginate-slider4
#paginate-slider4
->a
->img (aquí aplicas la propiedad).

entonces si no hay imagen OBVIAMENTE NO RESPETA LOS TAMAÑOS... ya que la condicion resulta falsa... no hay un img dentro de un a y este a su vez este en #paginate-slider4

saludos

[American2010]

Iniciado por Triby

Supongo que para forzar las medidas de algo que no se cargo, habria que aplicar un display:block;, pero esto podria traer consecuencias inesperadas porque el comportamiento normal es inline.

No hay forma de saber si una imagen se cargo o no, supongo que algo podria intentarse mediante javascript, aunque tengo mis reservas.

Si, lo del display block, funcionó a la perfección, en mi caso luego le sumé un Float left y todo perfecto

[American2010]

Iniciado por chotuno

Si el espacio para la imagen siempre va a ser siempre el mismo, podrias poner un <div> con una imagen de fondo para cuando no se cargue la imagen correctamente, siempre se veria el espacio con la otra imagen, y de lo contrario el <img> se veria encima del fondo.

Si, me gusta esa idea, no tienen un div actualmente, pero si el tamaño es siempre el mismo, así que la idea me parece muy buena...

Muchas gracias, voy a ver si la implemento