duda sobre añadir imagen en el body y cambiarla de lugar

Iniciado por Ahm_Shere, 18 Diciembre 2012, 23:13 PM

0 Miembros y 1 Visitante están viendo este tema.

Ahm_Shere

Hola amig@s forer@s tengo una pequeña duda ya que intengo hacer una cosa y no me sale y es lo siguiente, os cuento, estoy añadiendo una imagen en el body  algo asi parecido como las webs de tuenti y facebook que tienen el fondo azul en el top pero a mi me gustaria poderlo cambiar de lugar es decir ponerlo por ejemplo  100px mas abajo para asi poder añadir el logo encima y la verdad que e intentado el margin top el padding top etc... y no cambia la imagen de lugar simplemente se queda arriba alguien podria decirme como cambiarla de lugar a mi antojo, muchas gracias un saludo.

#!drvy

#1
Podrías dar algo de código ? Como aplicas el CSS a la imagen.. como declaras la imagen..

Lamentablemente no somos adivinos =)


Saludos

Ahm_Shere

ok sorry, bueno lo primero que hice es con la pagina html en blanco ir a propiedades de pagina y en apariencia html añadir una imagen y en apariencia css poner repeat-x y se me crea la siguiente etiqueta en el codigo:
body {
   background-repeat: repeat-x;
}

y a partir de ahi yo le he puesto background-position: 100px; o background-top: 100px; e incluso le puse el padding y padding-top pero la imagen no baja los 100px que me gustaria, ¿como lo puedo hacer?

#!drvy

#3
Hola,

Código (css) [Seleccionar]
<style type="text/css">
body {

background-image: url('ruta_imagen.png');
background-repeat: repeat-x;
background-position: left 100px;
}
</style>


La syntaxis corta de esto seria:
Código (css) [Seleccionar]
<style type="text/css">
body {
  background: url('ruta_imagen.png') repeat-x left 100px;
}
</style>


Prueba así y nos cuentas =)

Saludos

Ahm_Shere

muchas gracias drvy | BSM era eso exactamente lo que andaba deseando muchas gracias por tu ayuda ;)