Foros del Web » Creando para Internet » CSS »

Divs separadas de imagenes

Estas en el tema de Divs separadas de imagenes en el foro de CSS en Foros del Web. Buenas Tengo una estructura como esta: <img /> <div>texto</div> <img /> La cuestión es que en Firefox se ve correctamente. Pero en Iexplorer 8 me ...
  #1 (permalink)  
Antiguo 19/03/2010, 09:08
 
Fecha de Ingreso: noviembre-2007
Ubicación: ZaMoRa CiTy
Mensajes: 251
Antigüedad: 10 años
Puntos: 1
Pregunta Divs separadas de imagenes

Buenas

Tengo una estructura como esta:

<img />
<div>texto</div>
<img />

La cuestión es que en Firefox se ve correctamente. Pero en Iexplorer 8 me sale lo siguiente:

<img />
"espacio"
<div>texto</div>
"espacio"
<img />

No comprendo el motivo. He probado con las imagenes y la capa dándoles "margin: 0px" pero no he conseguido nada.

El estilo de la capa es:

.cuad-services{
width: 237px;
height: 112px;
overflow: hidden;
margin: 0;
padding: 0 15px 0 15px;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
line-height: 20px;
}

El de las imágenes:

img{border: none; margin: 0}


Gracias por vuestra ayuda de antemano
Un saludo
  #2 (permalink)  
Antiguo 19/03/2010, 10:25
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Divs separadas de imagenes

En realidad no comprendo que quieres..

Si quieres un texto encima de la imágen... haz lo siguiente:

HTML:

Cita:
<div id="imagen_fondo"><span class="texto_flotando">Texto</span></div>
CSS:

Cita:
#imagen_fondo{
background-image:url(images/imagen.png);
width:500px;
height:500px;
}
.texto_flotando{
display:block;
margin:30px auto 0 auto;
}
Modifiica:

Width, height, la url del fondo. ;)

PD: No comprendí bien que quieres hacer... sí explicas mucho mejor con ejemplos de un sitio, imagenes de "montaje" te ayudaremos.
  #3 (permalink)  
Antiguo 19/03/2010, 10:56
 
Fecha de Ingreso: noviembre-2007
Ubicación: ZaMoRa CiTy
Mensajes: 251
Antigüedad: 10 años
Puntos: 1
Respuesta: Divs separadas de imagenes

Al final he aplicado a las imágenes que quiero que se "peguen" a las capas que están verticalmente al lado

display: block

Gracias y un saludo.

Etiquetas: imagenes, separadas
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 09:32.