Foros del Web » Creando para Internet » HTML »

Error - Imagen dentro de SPAN

Estas en el tema de Error - Imagen dentro de SPAN en el foro de HTML en Foros del Web. Buenos días tengo un problema que me esta haciendo chamuscarme las neuronas, y la verdad no he dado con ninguna solución. Resulta que tengo una ...
  #1 (permalink)  
Antiguo 09/05/2009, 09:06
 
Fecha de Ingreso: junio-2008
Ubicación: Hermosillo, Sonora, México
Mensajes: 32
Antigüedad: 9 años, 5 meses
Puntos: 0
Error - Imagen dentro de SPAN

Buenos días tengo un problema que me esta haciendo chamuscarme las neuronas, y la verdad no he dado con ninguna solución.

Resulta que tengo una imagen, la cual esta dentro de un SPAN, ahora, mi problema es que no logro hacer que en Firefox y Google Chroome el SPAN tenga la misma altura que la imagen.

Este es el codigo HTML:
<span class="mainContentGalsMini"><img border="0" src="galeria/000001/minis/812.jpg"/></span>

Este es el CSS:
.mainContentGalsMini {padding:3px; margin: 5px; border: 2px solid #d8363d;}


Les dejo dos imagenes, en una se aprecia como se ve en IE7, ty en la segunda en Firefox 3 y Chrome.

En Internet Explorer 7:
h t t p : / / img237.imageshack.us/img237/8210/imagendentrodespanie7.jpg

En Firefox y Chrome:
h t t p : / / img13.imageshack.us/img13/9543/imagendentrodespan.jpg
  #2 (permalink)  
Antiguo 09/05/2009, 10:29
Avatar de WinGFX  
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 86
Antigüedad: 11 años, 6 meses
Puntos: 3
Respuesta: Error - Imagen dentro de SPAN

@chriszitro: El problema se debe a que una imagen cuenta con una alineación preddeterminada que es hacia arriba, yo te sugiero que en su lugar uses la imagen como fondo dentro de la clase, prueba de la siguiente forma:

.mainContentGalsMini {padding:3px; margin: 5px; border: 2px solid #d8363d; background:url() no-repeat; width:Wpx; height:Hpx;}

Recuerda cambiar Wpx y Hpx por el ancho y alto correspondiente a la imagen.

Espero te sirva
__________________
"Si piensas en que harás mañana, mejor hazlo hoy!"

Consejos para las buenas preguntas
  #3 (permalink)  
Antiguo 09/05/2009, 11:19
 
Fecha de Ingreso: junio-2008
Ubicación: Hermosillo, Sonora, México
Mensajes: 32
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Error - Imagen dentro de SPAN

Hola WinGFX para otros motivos suena interesante realizar eso, pero en mi caso no creo ke mediante ese proceso pueda darles los atributos ALT y TITLE a las imagenes.

Y en mi caso es vital que tenga esos atributos, ademas, PERDON por no especificar, pero la imagen que viene dentro del SPAN "mainContentGalsMini" tambien estara dentro de un hipervinculo que llevara hacia la imagen en un tamaño un poco mas grande.

DE TODAS MANERAS MUCHAS GRACIAS POR LA RESPUESTA

Ya resolvi mas o menos eso, gracias a la propiedad OVERFLOW.

Ahora me estoy pegando de topes con las diferencias entre Internet Explorer y los demas Navegadores JEJEJEJEJE

SEE YA!!!
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 14:21.