Re: [Ovillo] Centrar imagen de fondo
Y yo me pregunto, imagen de fondo?: Debe quedar centrada? 50% 50% // center center Centrada cuando haya scroll? Fixed - Absolute? Creo que no entendi el "problema" -- Saludos Jaume ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
> > > > pero si cambias la linea del CSS para HTML a esto, rompe: > HTML {height:100%; background-color: red} > y rompe para Chrome, FF y IE. Nu se porque un cambio del color de > fondo tenga que afectar a la posicion del background image, encima en > todos los motores. Digo yo que sera algo como el hasLayout, pero > estara en el estandar, porque sino como es que todos hacen lo mismo. > Dios, que cosicas mas misteriosas. > > > > Y por que habrías de ponerle el color al html, y no al body, que es donde deberia ir y así no rompes nada :) saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
2010/2/5 Gerardo Oscar Jimenez Tornos : > Hola, > > El problema es que el elemento HTML también es un objeto en el navegador y > tiene la altura del contenido de la página. > > Este código funciona: > HTML {height:100%;} > BODY {background:url(' > http://www.treeweb.es/__archivo__/TreeWeb/Varios/inicio.jpg') no-repeat > center center;} > > Aquí podéis ver un ejemplo de como queda: > http://www.treeweb.es/__archivo__/TreeWeb/TreeCode/centrar_imagen_de_fondo.html > > Creo que funciona en todos los navegadores. > Fantastico ejemplo, Gerardo. Muy interesante. Creo que entiendo como funciona. Y parece bastante compatible con todo. He probado a romperlo cambiandole el doctype a esto: http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> y no se rompia. pero si cambias la linea del CSS para HTML a esto, rompe: HTML {height:100%; background-color: red} y rompe para Chrome, FF y IE. Nu se porque un cambio del color de fondo tenga que afectar a la posicion del background image, encima en todos los motores. Digo yo que sera algo como el hasLayout, pero estara en el estandar, porque sino como es que todos hacen lo mismo. Dios, que cosicas mas misteriosas. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 4:35 PM, Gerardo Oscar Jimenez Tornos wrote: > Hola, > > El problema es que el elemento HTML también es un objeto en el navegador y > tiene la altura del contenido de la página. > > Este código funciona: > HTML {height:100%;} > BODY {background:url(' > http://www.treeweb.es/__archivo__/TreeWeb/Varios/inicio.jpg') no-repeat > center center;} > Perfecto, ahora sí está sin problemas -- Saludos ReynierPM ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
Hola, El problema es que el elemento HTML también es un objeto en el navegador y tiene la altura del contenido de la página. Este código funciona: HTML {height:100%;} BODY {background:url(' http://www.treeweb.es/__archivo__/TreeWeb/Varios/inicio.jpg') no-repeat center center;} Aquí podéis ver un ejemplo de como queda: http://www.treeweb.es/__archivo__/TreeWeb/TreeCode/centrar_imagen_de_fondo.html Creo que funciona en todos los navegadores. El 5 de febrero de 2010 22:23, joel vinicio almanzar < joel_alman...@hotmail.com> escribió: > > Pero deberia de de verse bien en tu computadora entonces algo mal debes de > estar haciendo > > > > > > > > > Date: Fri, 5 Feb 2010 16:18:56 -0500 > > From: rper...@uci.cu > > To: ovillo@lists.ovillo.org > > Subject: Re: [Ovillo] Centrar imagen de fondo > > > > On 2/5/2010 4:04 PM, Ignacio Ricci wrote: > > > Si se pueden mezclar unidades... > > > Técnicamente no es recomendable, pero poder se puede. > > > > > > Y el código esta bien así... no entiendo porque lo ves mal. > > > Ejemplo: https://dl.dropbox.com/u/1598087/test-center-ovillo.html > > > > > > > A lo mejor es cosa del IDE, quien sabe > > Gracias a todos por la ayuda > > -- > > Saludos > > ReynierPM > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > _ > Recibe 80% menos correos no deseados en tu casilla de Hotmail. Conoce más. > http://www.descubrewindowslive.com/hotmail/anti-spam.asp > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
Pero deberia de de verse bien en tu computadora entonces algo mal debes de estar haciendo > Date: Fri, 5 Feb 2010 16:18:56 -0500 > From: rper...@uci.cu > To: ovillo@lists.ovillo.org > Subject: Re: [Ovillo] Centrar imagen de fondo > > On 2/5/2010 4:04 PM, Ignacio Ricci wrote: > > Si se pueden mezclar unidades... > > Técnicamente no es recomendable, pero poder se puede. > > > > Y el código esta bien así... no entiendo porque lo ves mal. > > Ejemplo: https://dl.dropbox.com/u/1598087/test-center-ovillo.html > > > > A lo mejor es cosa del IDE, quien sabe > Gracias a todos por la ayuda > -- > Saludos > ReynierPM > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo _ Recibe 80% menos correos no deseados en tu casilla de Hotmail. Conoce más. http://www.descubrewindowslive.com/hotmail/anti-spam.asp ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 4:04 PM, Ignacio Ricci wrote: > Si se pueden mezclar unidades... > Técnicamente no es recomendable, pero poder se puede. > > Y el código esta bien así... no entiendo porque lo ves mal. > Ejemplo: https://dl.dropbox.com/u/1598087/test-center-ovillo.html > A lo mejor es cosa del IDE, quien sabe Gracias a todos por la ayuda -- Saludos ReynierPM ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
Si se pueden mezclar unidades... Técnicamente no es recomendable, pero poder se puede. Y el código esta bien así... no entiendo porque lo ves mal. Ejemplo: https://dl.dropbox.com/u/1598087/test-center-ovillo.html [image: Ignacio Ricci - Designer + Developer] 2010/2/5 joel vinicio almanzar > > En que sistema operativo estas trabajando y en que explorador. > > > > > > > > > Date: Fri, 5 Feb 2010 15:50:17 -0500 > > From: rper...@uci.cu > > To: ovillo@lists.ovillo.org > > Subject: Re: [Ovillo] Centrar imagen de fondo > > > > On 2/5/2010 3:48 PM, Luis Mario Álvarez wrote: > > > Ya probaste con: > > > body { background: #C3DAF9 url('../images/background_logo.png') > no-repeat > > > 50% 50%; } ??? > > > > > > > Sucede lo mismo que si pongo "center center" > > > > -- > > Saludos > > ReynierPM > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > _ > Hotmail en tu celu ¡fácil y sin descargas! Ingresa a mobile.live.com y > envía correos donde estés > http://www.windowsliveformobile.com/es/hotmail/default.aspx > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 3:55 PM, joel vinicio almanzar wrote: > > En que sistema operativo estas trabajando y en que explorador. WinXP y FF 3.6 -- Saludos ReynierPM ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
En que sistema operativo estas trabajando y en que explorador. > Date: Fri, 5 Feb 2010 15:50:17 -0500 > From: rper...@uci.cu > To: ovillo@lists.ovillo.org > Subject: Re: [Ovillo] Centrar imagen de fondo > > On 2/5/2010 3:48 PM, Luis Mario Álvarez wrote: > > Ya probaste con: > > body { background: #C3DAF9 url('../images/background_logo.png') no-repeat > > 50% 50%; } ??? > > > > Sucede lo mismo que si pongo "center center" > > -- > Saludos > ReynierPM > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo _ Hotmail en tu celu ¡fácil y sin descargas! Ingresa a mobile.live.com y envía correos donde estés http://www.windowsliveformobile.com/es/hotmail/default.aspx ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 3:48 PM, Luis Mario Álvarez wrote: > Ya probaste con: > body { background: #C3DAF9 url('../images/background_logo.png') no-repeat > 50% 50%; } ??? > Sucede lo mismo que si pongo "center center" -- Saludos ReynierPM ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
Ya probaste con: body { background: #C3DAF9 url('../images/background_logo.png') no-repeat 50% 50%; } ??? 2010/2/5 ReynierPM > On 2/5/2010 3:34 PM, Ardilla Roja wrote: > > Creoq no se pueden mezclar unidades.. o los dos en px, o los dos > > relativos (center center).. > > Ya he probado con esa variante que me dicen de "center center" pero solo > me centra en los laterales pero no de abajo a arriba. He probado > metiendo la imagen en un contenedor pero entonces no la veo. > > HTML: > > > > > > > > CSS: > body { background-color: #C3DAF9; } > #wrapper { background: url('../images/background_logo.png') no-repeat > center center; } > > No tengo idea del porque. > Alguna otra sugerencia? > -- > Saludos > ReynierPM > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Matraka ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
On 2/5/2010 3:34 PM, Ardilla Roja wrote: > Creoq no se pueden mezclar unidades.. o los dos en px, o los dos > relativos (center center).. Ya he probado con esa variante que me dicen de "center center" pero solo me centra en los laterales pero no de abajo a arriba. He probado metiendo la imagen en un contenedor pero entonces no la veo. HTML: CSS: body { background-color: #C3DAF9; } #wrapper { background: url('../images/background_logo.png') no-repeat center center; } No tengo idea del porque. Alguna otra sugerencia? -- Saludos ReynierPM ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
Creoq no se pueden mezclar unidades.. o los dos en px, o los dos relativos (center center).. 2010/2/5 Luis Mario Álvarez : > En teoría podrías hacerlo con: > > body { background: #C3DAF9 url('../images/background_logo.png') > no-repeat center center; } > > Pero no se del todo si se pueda hacer en el body o si funcione en todos los > navegadores. > > Saludos. > > 2010/2/5 ReynierPM > >> Hola a todos: >> ¿Es posible centrar en el navegador una imagen de fondo? Estoy probando >> con este código: >> >> body { background: #C3DAF9 url('../images/background_logo.png') >> no-repeat center 60px; } >> >> Pero mi IDE (Netbeans) me arroja este "warning/error": Unexpected value >> token 60px >> >> Al tanto de sus comentarios >> Gracias por adelantado >> -- >> Saludos >> ReynierPM >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > > -- > Matraka > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Ardilla Roja La Trinchera // ardillaroja.com.mx ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar imagen de fondo
En teoría podrías hacerlo con: body { background: #C3DAF9 url('../images/background_logo.png') no-repeat center center; } Pero no se del todo si se pueda hacer en el body o si funcione en todos los navegadores. Saludos. 2010/2/5 ReynierPM > Hola a todos: > ¿Es posible centrar en el navegador una imagen de fondo? Estoy probando > con este código: > > body { background: #C3DAF9 url('../images/background_logo.png') > no-repeat center 60px; } > > Pero mi IDE (Netbeans) me arroja este "warning/error": Unexpected value > token 60px > > Al tanto de sus comentarios > Gracias por adelantado > -- > Saludos > ReynierPM > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Matraka ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Centrar imagen de fondo
Hola a todos: ¿Es posible centrar en el navegador una imagen de fondo? Estoy probando con este código: body { background: #C3DAF9 url('../images/background_logo.png') no-repeat center 60px; } Pero mi IDE (Netbeans) me arroja este "warning/error": Unexpected value token 60px Al tanto de sus comentarios Gracias por adelantado -- Saludos ReynierPM ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo