25/05/2005, 13:56
| |||
| |||
| Problema con la imagen de Fondo (soy novato) Hola a todos, soy nuevo en el uso de las hojas de estilo, tengo un problema, necesito que todas las páginas de mi web tengan la misma imagen de fondo, haciendo pruebas con la propiedad background html lo logre pero si la imagen es mas chica que la resolucion de la pantalla me las pone en mosaico, mi pregunta es si usando hojas de estilo puedo hacer que la imagen de fondo quede centrada, o bien si se puede estirar dependiendo la resolucion o por ultimo por lo menos que no se repita tantas veces, alguien me puede poner el codigo para hacer esto, y adenas como les digo a mis paginas que usen esa hoja de estilo? |
|
25/05/2005, 15:15
| ||||
| ||||
| holas Rodolfo yo no he encontrado la forma de centrar el fondo en una página o de ajustarlo al tamaño de la ventana (salvo valiéndose de hacer trucos usando capas ¬¬, o de haciendo la web de manera dinámica Oo, supongo...), pero sí existe la forma de hacer que la imagen se repita de la manera que tú lo decidas usando CSS. si ya tienes una hoja de estilos creada, añade al estilo del BODY lo que sigue a continuación; si no has hecho una hoja y estás trabajando directamente sobre el HTML de tu página, aplica lo dicho dentro del STYLE de la tag BODY. Debes poner el parámetro "background-repeat", con una de las siguientes opciones, según lo que dice cada una que hace: a) no-repeat : que el fondo no se repita, o sea, aparece una sola vez, en el extremo superior-izquierdo de la ventana del archivo b) repeat-x : para que se repita sólo horizontalmente. c) repeat-y : ídem pero verticalmente. d) repeat : el estilo clásico: se repetirá como mosaico. un ejemplo para la hoja de estilos CSS sería: Código HTML: BODY { background-repeat: no-repeat; ... }
Código HTML: <body style="background-repeat: no-repeat; ... "> crea un nuevo archivo CSS (con el block de notas incluso) donde estén todos tus estilos (los creas ahí o los pegas desde otro lado). luego, para enlazar este archivo con tus webs, coloca en el HEAD de cada una de ellas: Código HTML: <link rel="stylesheet" href="tu_hoja.css" type="text/css"> |
|
26/05/2005, 08:42
| |||
| |||
| Gracias amigo muchas gracias, eso era lo que estaba buscando, lastima que la imagen de fondo no se puede estirar al tamaño de su contenedor ( o por lo menos no de una manera sencilla jejeje), pero ya lo probe y si me funciono, gracias de nuevo. |
