Foros del Web » Creando para Internet » CSS »

Imagen fondo con css

Estas en el tema de Imagen fondo con css en el foro de CSS en Foros del Web. Hola compañeros. Estoy haciendo un proyecto y me piden que haya de imagen de fondo una en concreto pero que no ocupe todo el fondo ...
  #1 (permalink)  
Antiguo 21/02/2006, 13:11
 
Fecha de Ingreso: noviembre-2002
Mensajes: 10
Antigüedad: 15 años, 1 mes
Puntos: 0
Imagen fondo con css

Hola compañeros.
Estoy haciendo un proyecto y me piden que haya de imagen de fondo una en concreto pero que no ocupe todo el fondo sino que se situe arriba a la izquierda, estoy intentándo hacer con css, pero al adjuntar el código no me resulta en el navegador.
Sabéis si el tema va por css o hay que usas otro método.
El código que he insertado es:
.fondo21 {
background-image: url(default_left.jpg);
background-position: left top;
font-size: small;
}
Un ejemplo de lo que quiero es: oxfordcity.co.uk/oxford/home_accommodation.html
(si os fijais en el menu de la izquierda hay un monumento como imagen de fondo que no interfiere en la navegación).
Creeis que algún día podré hacer esto o lo doy por perdido compañeros.
Gracias anticipadas y un saludo.
  #2 (permalink)  
Antiguo 21/02/2006, 13:17
Avatar de ZydRick  
Fecha de Ingreso: febrero-2005
Ubicación: Lima
Mensajes: 750
Antigüedad: 12 años, 10 meses
Puntos: 4
si el fondo te lo piden para todo el documento prueba asi:

Código HTML:
<style type="text/css">
body {
  background-image: url(default_left.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  font-size: small;
}
</style> 
con eso deberia de funcionar
  #3 (permalink)  
Antiguo 21/02/2006, 13:19
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola:

No lo des por perdido que es fácil...

Creo que es mejor poner esos estilos en el body y no te olvides background-repeat: no-repeat;

Como left top no dejaría márgenes para el fondo, tal vez te interese más algo como background-position: 5px 5px;

Asegúrate de que la imagen existe.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 21/02/2006, 13:24
 
Fecha de Ingreso: noviembre-2002
Mensajes: 10
Antigüedad: 15 años, 1 mes
Puntos: 0
ok, mil gracias

Hola de nuevo.
He probado lo queme propone ZydRick y he conseguido lo que quería.
Muchísimas gracias. Sigo adelante. Gracias también Caricatos.
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 21:09.