Foros del Web » Creando para Internet » CSS »

Insertar imagen en caja

Estas en el tema de Insertar imagen en caja en el foro de CSS en Foros del Web. Hola, estoy creando una pagina con css, lo que quiero ahcer es tener en una caja una imagen que estara la primera arriba en todas ...
  #1 (permalink)  
Antiguo 20/11/2009, 06:41
 
Fecha de Ingreso: julio-2009
Mensajes: 17
Antigüedad: 8 años, 5 meses
Puntos: 0
Insertar imagen en caja

Hola, estoy creando una pagina con css, lo que quiero ahcer es tener en una caja una imagen que estara la primera arriba en todas las paginas que haga despues, y abajo mediante otra caja poner textos tablas y demas... eso lo se ahcer loq ue no se es como insertar la imagen en la caja no em deja os dejo mi codigo css a continuacion.
Gracias.

Código:
	#caja2 {
	  background-image: #fff url ("psp.png") no-repeat;
   border: 10px solid #e7a219;
   margin: 10px;
   padding: 20px;
	}

  #caja1 {
   background-color: #be4061; 
   border: 10px solid #e7a219; 
   margin: 10px;
   padding: 20px;
tengo esto de momento acabo de empezar ^^
gracias de nuevo
  #2 (permalink)  
Antiguo 20/11/2009, 07:00
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Insertar imagen en caja

fijate la propiedad y los valores de la siguiente linea.
Código:
 background-image: #fff url ("psp.png") no-repeat;
background-image solamente admite rutas de imagenes pero aqui estas utilizandolo como si fuera el shorthand (acceso rapido) de background. elimina -image. si te sirve de referencia, una lista de las propiedades y los valores que aceptan, http://www.w3schools.com/css/css_ref...asp#background
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 20/11/2009, 08:43
Avatar de prava  
Fecha de Ingreso: julio-2008
Ubicación: Montevideo, Uruguay
Mensajes: 42
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Insertar imagen en caja

la propieada background está mal definida para que afecte a una imagen y a un color de fondo al mismo tiempo tendrías que eliminarle "-image" y te quedaría así:

Cita:
background: #fff url ("psp.png") no-repeat;
Por otro lado acordate que la imagen se estaría posicionando en el angulo superior izquierdo de tu caja2 si quisieras centrarla deberías agregar luetgo del no-repeat separado por un espacio center top o cualquiera de las combinaciones que quieras. El primer valor es el eje x y el segundo es para el eje y. Tambien acordate que este bloque no tiene altura osea que si no tiene información dentro habría que definir una altura por lo menos igual a la altura de la imagen.
Espero haberte sido de utilidad.
Saludos.
  #4 (permalink)  
Antiguo 23/11/2009, 04:38
 
Fecha de Ingreso: julio-2009
Mensajes: 17
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Insertar imagen en caja

Gracias por la ayuda ya esta solucionado ^^
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 09:12.