Foros del Web » Creando para Internet » CSS »

Imagen de fondo centrada

Estas en el tema de Imagen de fondo centrada en el foro de CSS en Foros del Web. Hola Foristas, les molesto por lo que para ustedes será una tontería. Resulta que genero una imagen (en Firework) que deseo quede como fondo en ...
  #1 (permalink)  
Antiguo 14/10/2006, 22:55
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Imagen de fondo centrada

Hola Foristas, les molesto por lo que para ustedes será una tontería.
Resulta que genero una imagen (en Firework) que deseo quede como fondo en la página, la planeo para 800x600, pero deseo que quede centrada para que quien la vea en 1024x768 no la vea a la izquierda, sino centrada.
Muchas gracias
Cordiales
Admoro
  #2 (permalink)  
Antiguo 15/10/2006, 12:10
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
no la uses como fondo de la pagina entonces. usala como fondo de una tabla y pon la tabla en el centro.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #3 (permalink)  
Antiguo 15/10/2006, 13:25
(Desactivado)
 
Fecha de Ingreso: febrero-2005
Ubicación: Azcapotzalco
Mensajes: 299
Antigüedad: 12 años, 10 meses
Puntos: 2
usa este codigo

Código:
<style type="text/javascript">

body	{
	background: #ffffff url("fondo.jpg") no-repeat center top;
}

</style>
  #4 (permalink)  
Antiguo 15/10/2006, 15:20
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Muchas, muchas gracias, la probaré inmediatamente.
Sdos
Admoro
  #5 (permalink)  
Antiguo 27/10/2006, 15:12
 
Fecha de Ingreso: octubre-2006
Mensajes: 114
Antigüedad: 11 años, 1 mes
Puntos: 0
holas, al igual q el amigo admoro la pagina me sale hacia la izq, la hice con una tabla como decia juan, pero me keda igual cuando la alineo al centro. Lo otro de los codigos no se donde van :(
alguien me echa una mano porfavor?
  #6 (permalink)  
Antiguo 28/10/2006, 12:22
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
quieres una imagen en el fondo completo y que ocupe todo el fondo siempre, independientemente de la resolucion del usuario? esto no se puede. esto ha sido discutido multiples veces en este foro. si quieres que una imagen llene todo el fondo usa un 'pattern' y no una imagen sola.
No trates una pagina html como una papel. una pagina html cambia dependiendo de la resosucion del cliente.
Si lo que digo no tiene nada que ver con lo que quieres da un ejemplo de lo que quieres para que se nos haga mas facil entender tu punto.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #7 (permalink)  
Antiguo 28/10/2006, 14:01
 
Fecha de Ingreso: octubre-2006
Mensajes: 114
Antigüedad: 11 años, 1 mes
Puntos: 0
holas, gracias por responder juaniquillo, mira lo q hize con el dreamweaver fue crear una tabla centrada y luego en vez de agregar toda la imagen de fondo la corte en varios trozos y las pegue en formato gif en diversas capas dentro de la tabla; mas de eso no hecho.eso q dices de la resolucion lo entiendo y se q depende del navegador y la resolucion de kien la vea. weno eso, no kiero seguir haciendo la pagina hasta no saber bien si va a kedar centrada, lo otro q podria hacer seria pegarle los trozos blancos a los lados, pero no creo q kede bien.me imagino q debo estar atorado en una tontera.
  #8 (permalink)  
Antiguo 29/10/2006, 00:38
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
no puedes usar trozos a los lados porque para algunos la imaen quedara centrada y para otros no. la mejor opcion para que una imagen quede centrada es la primera que te dije. aunque como te dije antes, necesitaria ver un ejemplo de lo que quieres para poder decirte mas.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #9 (permalink)  
Antiguo 29/10/2006, 08:37
 
Fecha de Ingreso: octubre-2006
Mensajes: 114
Antigüedad: 11 años, 1 mes
Puntos: 0
mira aca tengo pongo un trozo del codigo,me muero de verguenza si x q no se q estara malo:

<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:33px;
z-index:1;
left: 11px;
top: 17px;
}
#Layer2 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 11px;
top: 50px;

.......



}
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a:link {
color: #990033;

-->
</style>
</head>

<body>
<div align="center">
<table width="780" border="0" align="center">
<tr>
<td height="854" align="center">
<div id="Layer34"><img src="ima7.gif" width="780" height="43" /></div>
<div id="Layer33"><img src="ima6.gif" width="780" height="8" /></div>



.....




<div id="Layer31"><img src="ima32c.gif" width="253" height="261" /></div></td>
</tr>
</table>
</div>
</body>
</html>



pd: los puntos son para no poner toda la pag, son 31 capas. La idea es q solo me kede centrada la tabla junto con las capas.
  #10 (permalink)  
Antiguo 29/10/2006, 09:15
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Mensaje movido al foro de Css desde Editores Web.

Saludos,
  #11 (permalink)  
Antiguo 29/10/2006, 20:00
 
Fecha de Ingreso: octubre-2006
Mensajes: 1
Antigüedad: 11 años, 1 mes
Puntos: 0
ola, yo hace unos segundos tenia el mismo problema, habia provado to lo imaginable y buscando por el google voi y encuentro una persona con mi mismo problema ya expuesto pero e aki k yo me e leido bien todo esto y el mas convincente era xp64, mi web la estoy aciendo con dreamweaver y lo unico k e tenido k acer es substituir esto:

body {
background-color: #000000;
background-image: url(imagenes/otherweb.jpg);
background-repeat: no-repeat;
}

por lo que abia puesto mi gran salvador xp64:

body {
background: #000000 url(imagenes/otherweb.jpg) no-repeat
center top;
}

y ya esta, automaticamente la e subido al server y e compravado k en mi portatil con panatalla panoramica el fondo de la web estaba en el centro.

lo unico que me keda es agradecer a xp64 por su breve pero eficaz post y que parece aber pasado inapercibido y es el mas sencillo. Gracias!
  #12 (permalink)  
Antiguo 30/10/2006, 16:52
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Hola,

La solución está bastante fácil, si, usar el background centrado es buena opción, pero porqué no mejor usar un div, centrarlo y, ejemplo: un div de 777px de ancho y se le agrega la imagen como fondo 'con las declaraciones anteriormente mostradas' y listo!... se adapta a qualquier resolución
__________________
_______
Jorge Rojas.
  #13 (permalink)  
Antiguo 30/10/2006, 19:22
 
Fecha de Ingreso: octubre-2006
Mensajes: 114
Antigüedad: 11 años, 1 mes
Puntos: 0
holas, muchas gracias x darse el tiempo de leer y responder, yo ahora voy a reestructurar la pagina yaque tenia varios errores, a penas la tenga lista les digo como me fue, valencias.
  #14 (permalink)  
Antiguo 26/02/2008, 14:45
 
Fecha de Ingreso: junio-2007
Mensajes: 4
Antigüedad: 10 años, 5 meses
Puntos: 0
Re: Imagen de fondo centrada

Si se puede poner un fondo que ocupe todo el fondo de tu site claro eso es totalmente independiente a cada tipo de resolucion de pagina no hay problema cualquier cosa contantenme y los ayudare con ese tema yo he realizado eso me tomo tiempo pero se logro el objetivo...

background: url(../images/xcode_background_ultimo.png) no-repeat center top;

a esto hay que agregarle unos div contenedores al fondo.

[email protected]
  #15 (permalink)  
Antiguo 26/02/2008, 15:16
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Imagen de fondo centrada

Hola fuentessoft

El mensaje original es de hace más de 1 año. Por favor, no reviváis temas tan antiguos.

Saludos,
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 12:54.