Foros del Web » Creando para Internet » CSS »

Ayuda CSS para sitio web..

Estas en el tema de Ayuda CSS para sitio web.. en el foro de CSS en Foros del Web. Hola, les explico precisamente lo que quiero hacer: 1. Usar esta ( http://i31.tinypic.com/bc5fb.jpg ) imágen de fondo, que se repita horizontalmente (repeat-x). 2. Que la ...
  #1 (permalink)  
Antiguo 11/07/2009, 10:39
 
Fecha de Ingreso: agosto-2008
Mensajes: 79
Antigüedad: 9 años, 3 meses
Puntos: 0
Pregunta Ayuda CSS para sitio web..

Hola,
les explico precisamente lo que quiero hacer:
1. Usar esta (http://i31.tinypic.com/bc5fb.jpg) imágen de fondo, que se repita horizontalmente (repeat-x).
2. Que la imágen encaje en la pantalla del usuario. Por ejemplo en www.obama.com, dependiendo de la resolución del usuario, la imágen de fondo se adapta al monitor.

Espero que me haya explicado bien y no haya confundido a todos con ese ejemplo. En otras palabras, simplemente quiero que mi imágen de fondo (http://i31.tinypic.com/bc5fb.jpg) encaje en el tamaño del monitor (qe se vea completa) y bueno, la repetición horizontal es bastante obvia (repeat-x).

CSS:
Código:
/*********** fondo ********/
* {
padding: 0;
margin: 0;
}

body {
background: #324255 url(img/bck_web.jpg) top center no-repeat;
width: auto;
height: 1024px;
}
/********* fin fondo ********/
muchisimas gracias en adelantado,
un saludo,
chris.
  #2 (permalink)  
Antiguo 11/07/2009, 12:56
 
Fecha de Ingreso: agosto-2008
Mensajes: 79
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Ayuda CSS para sitio web..

Hola,
alguien podría ayudarme porfavor?
Es algo urgente, pues debe estar listo este fin de semana para un cliente.

Muchisimas gracias de antemano!
  #3 (permalink)  
Antiguo 11/07/2009, 13:31
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda CSS para sitio web..

Hola Crozer:
Cita:
Iniciado por crozer Ver Mensaje
Hola,
alguien podría ayudarme porfavor?
Es algo urgente, pues debe estar listo este fin de semana para un cliente.

Muchisimas gracias de antemano!
Por más prisas que tengas e impaciencia que demuestres no adelantarás que quien pueda darte la solución se conecte antes al foro. Aparte que no suelen ser bien vistos este tipo de mensajes en este foro.
Cita:
Iniciado por crozer Ver Mensaje
Espero que me haya explicado bien y no haya confundido a todos con ese ejemplo. En otras palabras, simplemente quiero que mi imágen de fondo (http://i31.tinypic.com/bc5fb.jpg) encaje en el tamaño del monitor (qe se vea completa) y bueno, la repetición horizontal es bastante obvia (repeat-x).
Debes elegir, si tener una imagen que se adapte al tamaño del div que la tiene como fondo o que la imagen se repita. Pero las dos cosas simultáneamente no.

Para lo primero: imagen adaptada puedes pasar por www.araudi.net dinde Mikmoro tiene al menos un par de ejemplos.

Para lo segundo (repetida en el eje x):
Cita:
body {
background: #324255 url(img/bck_web.jpg) top repeat-x;
}
En este último caso, le puedes marcar el punto en la vertical donde quieras tener la repetición, pero lo hará a lo largo de todo el eje x.
Para repeat-y: equivalente la condición.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 11/07/2009, 14:05
 
Fecha de Ingreso: agosto-2008
Mensajes: 79
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Ayuda CSS para sitio web..

Hola,
disculpa por ese mensaje.

Volviendo al tema, he buscado en araudi.net, pero no logro encontrar la solución.
Encontré 3 artículos relevantes: Los primeros dos trataban sobre el fondo elástico deformable y no deformable y el tercero se denominaba "contenido según resolución".

Hice clíc en ese artículo pero no parece ser lo que busco. Pues lo que necesito es que la imágen - siendo más grande que la res. del monitor - se achique y adapte al monitor. O si el monitor tiene una res. más grande que la imágen, que esta se repita a lo largo del eje X y que el color de fondo rellene el espacio superior e inferior.
Un ejemplo de lo que he logrado hasta ahora (en mi caso, la imágen es demasiado alta y aparece la barra para subir/bajar al costado derecho): http://crozzin.com/Layout7/

Muchas gracias de antemano.

Última edición por crozer; 11/07/2009 a las 14:08 Razón: enlace
  #5 (permalink)  
Antiguo 11/07/2009, 14:15
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Ayuda CSS para sitio web..

Fijate si tal vez esto puede ayudarte a aclarar
__________________
WFC
codigo82
  #6 (permalink)  
Antiguo 11/07/2009, 14:22
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda CSS para sitio web..

No pasa nada, Crozer.

Pero te repito, con css debes elegir:
o se repite o se adapta.
Las dos cosas no.


Para eso quizás exista una solución con javascript, quizás, no lo se.

Lo que se suele hacer es tener una imagen bastante grande, digamos 1280px*800px, el motivo principal centrado y fundiéndola hacia los laterales para acabar en ellos en un color sólido.

Esta imagen la colocas en el centro de tu página y para los monitores con mayor resolución se coloca también como fondo el mismo color de los laterales.

Si tu imagen acabase en negro sería así:
Cita:
body {background: #000 url(tu_imagen.jpg) no-repeat center center;}
Suerte.

Hola Willyfc, me ganaste por la mano. Esa solución con fixed sería complementaria. No se la quise mentar para evitar lo que ya sabemos: liarlo más.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 11/07/2009, 16:56
 
Fecha de Ingreso: agosto-2008
Mensajes: 79
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Ayuda CSS para sitio web..

ah ok,
muchas gracias, en serio!.

Hasta luego.
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 16:53.