Re: [Ovillo] Sombras en imagenes

Wed, 08 Nov 2006 01:35:58 -0800 

Prueba a flotar el contendedor .image_blur o a especificar su tamaño.

Saludos

-----Mensaje original-----
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Reynier Perez Mira
Enviado el: martes, 07 de noviembre de 2006 21:18
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Sombras en imagenes


Hola Adriana:
He probado usando la segunda forma pues ni con la primera ni con la tercera lo 
logré. Ahora tengo algunos problemas entre IE y FF. En el primero se ve todo 
mal. Miren la imagen debajo. Todo sale deformado en lo que a la sombra se 
refiere pues el otro problema lo tengo localizado ya, son unos pixeles de más.

En FF el problema es que la sombra inferior está corrida un poco hacia la 
izquierda y en los ejemplos que ellos ponen veo que todo está perfecto.

El CSS mio es este:
.image_blur
{
   background: transparent url(../images/shadow1.png);
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
}
.image_shadow
{
   background: transparent url(../images/shadow2.png);
   color: inherit;
}
.image_shadow, .image_content
{
   position: relative;
   bottom: 2px;
   right: 2px;
}
.image_content
{
   background-color: #525565; /*background color of content*/
   color: #000; /*text color of content*/
}

Y el HTML como está en el ejemplo:
<div class="image_blur">
<div class="image_shadow">
<div class="image_content">
<a href="http://simpro.uci.cu/modules/news/get_current_news/5/8";><img 
src="http://simpro.uci.cu/upload/noticias/455d6f418bb06b01105961aaae55ce73_thumb.jpg";
 alt="Google compra JotSpot, una desarrolladora de wikis" title="Google compra 
JotSpot, una desarrolladora de wikis" /></a>
</div>
</div>
</div>

¿Alguna idea de que hago mal?
FF: http://img501.imageshack.us/my.php?image=imagenffny0.jpg
IE: http://img295.imageshack.us/my.php?image=imageniemt0.jpg

Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.


> -----Mensaje original-----
> De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
> nombre de Salugral Adriana Pazos García-Camino
> Enviado el: 07 November, 2006 9:43 AM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Sombras en imagenes
> 
> Aquí explican varias
> 
> http://www.desarrolloweb.com/articulos/2080.php
> 
> Saludos
> 
> -----Mensaje original-----
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] nombre de Reynier Perez Mira
> Enviado el: martes, 07 de noviembre de 2006 16:05
> Para: Ovillo, la lista de CSS en castellano
> Asunto: [Ovillo] Sombras en imagenes
> 
> 
> ¿Existe alguna forma con CSS de hacer una sombra a una imagen?
> Salu2 y gracias por adelantado
> --
> ReynierPM | 5to Ing. Informática
> Aprendiz de mucho, maestro de poco.
> 
> 
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a