Re: [Ovillo] Sombras en imagenes
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
[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
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
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
