Foros del Web » Creando para Internet » CSS »

Problema background imagen

Estas en el tema de Problema background imagen en el foro de CSS en Foros del Web. Hola, Vereis, estoy intentando poner una imagen de background para hacer un poco de sombra. Vamos, lo más normal del mundo. El tema es qué ...
  #1 (permalink)  
Antiguo 15/03/2009, 16:02
 
Fecha de Ingreso: agosto-2008
Mensajes: 143
Antigüedad: 9 años, 3 meses
Puntos: 1
Problema background imagen

Hola,

Vereis, estoy intentando poner una imagen de background para hacer un poco de sombra. Vamos, lo más normal del mundo. El tema es qué són dos imágenes, una al lado de otra, y después de darle vueltas y vueltas, no me sale: cada imagen, que carga lo mismo, sale diferente en la página =S

Yo lo que quiero es que las dos esten centradas (que tampoco sé porqué ahora no lo hace) y con la imagen de fondo que se vea por la derecha y por abajo, creando un poco de "sombra".



He pillado un código por allí pero no sé porqué, si aplico el mismo estilo en los dos casos, se me ve diferente xD Me podeis orientar?

Código:
<br>
<div>
<div id="sombra"><img src = "iso.jpg" /></div>
<div id="sombra2"><img src = "isoe.jpg" /></div>
<a href="Certificats_2009_ISO_9001.pdf"> Ver documento </a>
Código:
#sombra, #sombra2 {
padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url(http://tecnotor.com/sombra.jpg) no-repeat bottom; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
} 

#sombra{
	float: left;
} 

#sombra img, #sombra2 img {
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:5px;
background:#FFFFFF; /*Definimos un color de fondo */
border:1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}
Referencia: http://tecnotor.com, apartado "calidad".

Muchísimas gracias.

PS: Y alguna idea para que quede un poco elegante? Mi mente es nula en este sentido O_o
  #2 (permalink)  
Antiguo 15/03/2009, 16:36
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Problema background imagen

En tu código, debiera aparecer esto:

Código css:
Ver original
  1. #sombra, #sombra2 {
  2.     float: left;
  3. }

Espero con ello, lo soluciones.
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 15/03/2009, 16:42
 
Fecha de Ingreso: marzo-2008
Mensajes: 11
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Problema background imagen

te ahorrarías un montón de trabajo si lo hicieras directamente con las imágenes, editándolas con el photoshop.
  #4 (permalink)  
Antiguo 15/03/2009, 16:54
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Problema background imagen

Cita:
Iniciado por samnadine Ver Mensaje
te ahorrarías un montón de trabajo si lo hicieras directamente con las imágenes, editándolas con el photoshop.
Es posible. Pero, tal vez no quiera tener indexado en Google, una imagen (del certificado) con sombra.
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #5 (permalink)  
Antiguo 15/03/2009, 17:02
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema background imagen

Hola:

Pásate por esta página a ver si te sirve para solucionar tu problema.

Saludos.

  #6 (permalink)  
Antiguo 18/03/2009, 06:38
 
Fecha de Ingreso: agosto-2008
Mensajes: 143
Antigüedad: 9 años, 3 meses
Puntos: 1
Respuesta: Problema background imagen

Hola chicos!

Si, no quiero hacerlo en photoshop por lo que comentan. He estado probando y no lo logro. El problema principal ahora es que las imágenes no se ponen dentro de la caja donde tienen que ir, sinó que se ponen por encima, quedando horrible. En la imágen que hay colgada, las imágenes estan dentro. No se que toqué, y ahora soy incapaz de volver a meterlo dentro :S Si tengo un DIV, y dentro mi imagen y demás, con position: relative, porqué no me deja la imagen dentro del div? Y luego aún me faltará poner la sombra bien, pero con la página que me disteis a ver si lo soluciono... Por ahora quiero que almenos esté dentro de la caja =S!!

Muchas gracias!
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 11:55.