He creado una página con la plantilla de "Como crear tu Web", está creada hasta la lección 3 del "curso paso a paso". Quiero poner una imagen de fondo, pero cuando la pongo en css dentro del body:
body {background-image: url('objetos/images/fonfo.gif') ; background-repeat: no-repeat}
también he probado ésto:
body {text-align: center ; background-image: url('objetos/images/fonfo.gif') ; background-repeat: no-repeat ; width: 800px ; height:12px ; overflow: hidden }
y muchas formas más...pero bueno, la imagen de fondo aparece en la parte izquierda de la pantalla, entonces queda el texto con el recuadro centrado y la imagen fuera a la izquierda.¿Como se puede acoplar el fondo al recuadro?
efectivamente tú imágen no cargara bién, prueba quitando lo que te marco en rojo, eso genera tú problema;
body {background-image: url('objetos/images/fonfo.gif') ; background-repeat: no-repeat}
body {text-align: center ; background-image: url('objetos/images/fonfo.gif') ; background-repeat: no-repeat ; width: 800px ; height:12px ; overflow: hidden }
Saludos manmanu
Hola! gracias por la ayuda, pero es que el problema no es que cargue la imagen, porrque si se ve la imagen, ya había probado como dices, pero es que el problem es que la imagen (es una imagen de fondo, como si fuera un interfaz) sale a la izquierda del todo de la página y quiero que salga o se acople, no sé como se dice, dentro del recuadro o capas-divs o cabezera o texto , que está centrado en la página.No se si me explico...
Hola: Realmente estoy un poco confuso con lo que desea, porque no se si realmente quiere poner una imagen de fondo dentro de una capa o en el body que es lo que sería su pantalla (aunque también es una capa) El body, o la capa body es toda su pantalla, las demás capas, como la global es una capa que va dentro de la capa body y se suele hacer más pequeña, dentro de esa capa global van todas las demás capas Si usted pone la imagen de fondo en el body, va a cubrir toda la pantalla pero cuando haga una capa como la capa global, la capa va a estar por encima de esa imagen de fondo, la cuestión es ¿dónde quiere usted poner la imagen de fondo? ¿en el body que es toda su pantalla? ¿o dentro de alguna capa? Si la quiere poner en el body, que sería toda su pantalla, en la Lección Primera del Curso Paso a Paso están las distintas formas de poner la imagen de fondo Por ejemplo, si yo quiero que la imagen de fondo ocupe toda la pantalla, elegiré una imagen pequeña, como por ejemplo de 128px por 128 píxeles y le pondré a la hoja de estilo lo siguiente
Vaya usted a la Lección primera del Curso Paso a Paso en la sección Fondos Css y verá las distintas maneras de poner la imagen de fondo, seguramente para que se repita horizontalmente o verticalmente antes de la --y-- un guión medio por ejemplo
body{background-color:#0000FF;background-image:url(objetos/image/fonfo.gif);background-position:left top;background-repeat:repeat-y;} o repeat-x Debe ir probándo para que la ponga como mejor le guste Al poner la imagen de fondo en el body y la repite , cubrirá toda la pantalla, pero la capa global quedará por encima, (algo lógico, ya que en la capa global es donde pondrá todas las demás capas) Luego también puede poner imagenes de fondo en las capas, por ejemplo si mi capa cabecera mide de alto 120 píxeles, entonces cogeré a lo mejor una imagen que mida exactamente 120 píxeles de alto, seguramente la pondré con un background-position:left; para que se ponga a la izquierda y le diré que se repita horizontalmente con un background-repeat:repeat-x. para que cubra hasta el borde derecho Como mide de alto lo mismo que la capa en la que la quiero poner, no necesito que se repita hacia abajo, sino solo hacia el lado. Si la quiere poner arriba porque cubre todo el ancho de la capa debe usar position:top y que se repita verticalmente background-repeat:repeat-x (creo que es así) Ya nos dirá lo que realmente quiere Saludos
Cookies
Usamos cookies necesarias y, si lo autorizas, Google Analytics. Puedes cambiar tu elección cuando quieras.
