Comunidad de diseño web y desarrollo en internet online

problema con imagen fondo y div

Citar            
MensajeEscrito el 23 Abr 2010 01:43 pm
hola tengo el siguiente codigo y mi problema es que la imagen (fondo.jpg) no me coincide con (webcristina.jpg). Lo que quiero lograr es que la imagen de fondo que es la misma que (webcristina.jpg) coincida ya que es webcristina.jpg es una imagen con el logo y un mensaje y si coincide con el fondo seguiria la imagen para darle un toque al diseño mas interesante. por favor la verdad que no tengo idea por que puede ser he probado de todo. utilizo dreamweaver.

la imagen tendria que estar centrada pero me la centrar supuestamente pero no coincide se desplazada unos 100px aprox. no entiendo.... :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :shock: :cry: :cry: :cry: :cry: :cry:


Código :

body {
  padding: 0px;
  margin: 0px;
  font-family: Arial;
  font-size: 12px;
  color: #777777;
  text-decoration: none;
}

#fondo {
  margin-top: 0px;
  background-image:url(../imagenes/portada/fondo.jpg);
  background-repeat:no-repeat;
  background-position:  top;
  
}

#contenedor {
   width: 741px;
   height: 545;
}

#portada {
   background-image:url(../imagenes/portada/webcristina.jpg);
   width:741px;
   height:513;
}

#espaciouno{
   width:350px;
   height:32px;
   float:left;
}

#datos {
        background-image:url(../imagenes/portada/datos.jpg);
   width:255ox;
   height:32px;
   float:left;
}

#espaciodos {
   width:76px;
   height:32px;
   float:left;
}

#entrar {
        background-image:url(../imagenes/portada/botonentrar.jpg);
   width:60px;
   height:32px;
}

Por mastunio

3 de clabLevel



 

safari
Citar            
MensajeEscrito el 23 Abr 2010 07:52 pm
Vamos a ver... Todo esto:

Código :

background-image:url(../imagenes/portada/fondo.jpg);
background-repeat:no-repeat;
background-position:  top;


Puedes ponerlo así:

Código :

background: transparent url(../imagenes/portada/fondo.jpg) no-repeat top;


Y lo que te faltaría para que te coincidieran:

background: transparent url(../imagenes/portada/fondo.jpg) no-repeat center top;

Las dos veces que asignas background podrías poner center, que coloca la imagen centrada horizontalmente. Sinó, puedes poner un valor en px, que será la distancia que dejará a la izquierda (el primero de los valores, en el caso que te expongo center) o arriba (donde está puesto top).

Suerte!

Por jackbach

Claber

196 de clabLevel

1 tutorial

 

Barcelona

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.