Foros del Web » Creando para Internet » CSS »

Div con sombra

Estas en el tema de Div con sombra en el foro de CSS en Foros del Web. Hola a todos!. Me gustaria ponerle sombra a una capa como se esplica es la siguiente página www . cristalab . com/tips/22147/sombras-con-css (quitenle los espacios, ...
  #1 (permalink)  
Antiguo 09/05/2006, 10:39
Avatar de Sladino  
Fecha de Ingreso: marzo-2006
Ubicación: España
Mensajes: 151
Antigüedad: 11 años, 9 meses
Puntos: 2
Div con sombra

Hola a todos!. Me gustaria ponerle sombra a una capa como se esplica es la siguiente página www . cristalab . com/tips/22147/sombras-con-css (quitenle los espacios, que todavia no puedo poner enlaces) pero no funciona bien, alguien me podria decir que esta mal o que hago mal, o algun ejemplo similar.

Saludos
  #2 (permalink)  
Antiguo 09/05/2006, 15:28
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
No te sabria decir que haces mal si no pones algo de codigo, mago lamentablemente no soy. Si te puedo pasar algunos vinculos:

http://www.dynamicdrive.com/style/cs...-drop-shadows/

http://www.alistapart.com/articles/cssdropshadows/

http://www.alistapart.com/articles/cssdrop2/

Espero que te sirvan. Saludos.
  #3 (permalink)  
Antiguo 09/05/2006, 17:26
Avatar de Sladino  
Fecha de Ingreso: marzo-2006
Ubicación: España
Mensajes: 151
Antigüedad: 11 años, 9 meses
Puntos: 2
Hola mbavio, si no he puesto nada de codigo es porque pongo el mismo codigo que facilitan en la web que puse. Gracias por los enlaces, ya que era lo que estaba buscando.
Saludos.
  #4 (permalink)  
Antiguo 09/05/2006, 17:42
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 14 años, 6 meses
Puntos: 2
puedes probar con algo asi, si quieres la sombra abajo-izquierda

<style type="text/css">
.sombra1 {
background-color:#FFFFFF;
border-left:2px solid #AEAEAE; border-bottom:2px solid #AEAEAE;
}
.sombra2 { border-left:2px solid #8D8D8D; border-bottom:2px solid #8D8D8D; }
.sombra3 { border:1px solid #666666; border-left:3px solid #666666; border-bottom:3px solid #666666; }
</style>

<div class="sombra1"><div class="sombra2"><div class="sombra3">hola mundo</div></div></div>

Obviamente eso no es perfecto, tienes que jugar con los margenes y demás...
__________________
I Love Programming...
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 18:45.