Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 4 de 4

Tema: Ayuda imagen css de fondo

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    20 abr, 10
    Mensajes
    15
    Poder de Reputación
    16

    Question Ayuda imagen css de fondo [Solucionado]

    Hola a todos, estaba empezando a construir mi pagina web personal, y quiero poner una imagen de fondo, la imagen esta dentro de una carpeta llamada img y se llama fondo.jpeg, este es mi código css:

    Código:
    body {
    	background-image: url("img/fondo.jpg");
    	background-repeat: no-repeat;
    }
    
    #menu {
    	margin-top: 20px;
    	margin-left: 500px;
    	display: block;
    }
    
    #menu a {
    	padding: 15px 25px 15px 25px;
    	text-decoration: none;
    	color: #848484;
    	font-family: "arial,verdana,tahoma,lucida bright";
    	font-size: 24px;
    	font-weight: bold;
    }
    
    #menu a:hover {
    	color: #A2A2A2;
    }
    
    #menu a:focus {
    	color: #9C9C9C;
    	text-decoration: underline;
    }
    El problema es que no me funciona la imagen y no se ve.

    He ido cambiando cosas para ver el funcionamiento que tenían pero seguía sin verse el fondo y he estado buscando por Internet, pero las soluciones que le dan a los demás a mi no me sirve, por lo que he optado por publicar mi duda haber si alguien me ayuda a encontrar el fallo que tengo.

    Saludos.
    Última edición por borre; 26/06/2015 a las 13:09
    Ñe!

  2. #2
    Me va gustando esto... Habitante
    Fecha de Ingreso
    19 sep, 12
    Mensajes
    157
    Poder de Reputación
    12
    Hola!! vamos a ver si te puedo ayudar con esto. Primero decirte que el error te puede dar por mil motivos, intentare dar con el tuyo, ya que, no se cual es.

    1º Seguramente sea porque tienes la ruta con comillas y las comillas no se ponen, debería ser así para que te funcione:
    Código:
    {background-image:url(img/fondo.jpg)}
    A pesar de todo te diré otros posibles errores para que veas que cualquiera de ellos te puede aparecer.

    2º La imagen la de debes guardar con el nombre fondo, no fondo.jpg porque el servidor ya obtiene la extensión y entonces la duplicas y te dará error, esto es un posible error.
    3º Asegurate de que la ruta de la imagen es la correcta, si en la página donde quieres que se muestre el fondo esta dentro de una carpeta entonces tienes que hacerlo así:

    Código:
    {background-image:url(../img/fondo.jpg)}
    Por último, cada vez que pidas ayuda siempre que escribas tu código ponlo entre las etiquetas CODE, PHP, HTML....así sera mucho mejor ayudarte y el código se verá mas claro. Saludos y espero que te funcione

  3. #3
    Recien Llegado! Habitante
    Fecha de Ingreso
    20 abr, 10
    Mensajes
    15
    Poder de Reputación
    16
    Hola y muchas gracias!
    he probado quitando las comillas y no servia, y luego he probado esto:
    Código:
    background-image: url(../img/fondo.jpg);
    y me ha funcionado!

    Muchas gracias! llevaba ya un tiempo agobiado solo por esto xDD
    También he editado el mensaje principal y he puesto los codes, no me había fijado de ello, sorry.

    Saludos.
    Ñe!

  4. #4
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    21
    El problema más común suele ser que la imagen no está escrita con la ruta escrita, para ello utiliza la consola del navegador (los más grandes como Chrome, Firefox... ya la traen integrada por defecto. Léete este tema del usuario @skaparate: http://www.comocreartuweb.com/consul...zar-la-consola

    Saludos!

Temas Similares

  1. Ayuda con el fondo de una imagen
    Por SaraGG81 en el foro Foro General
    Respuestas: 4
    Último Mensaje: 15/02/2011, 20:19
  2. ayuda kon la imagen de fondo
    Por esmockin en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 3
    Último Mensaje: 06/02/2009, 19:35
  3. PROBLEMAS PARA VER COLOR DE FONDO E IMAGEN DE FONDO. Ayuda!!
    Por vrito4 en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 3
    Último Mensaje: 21/10/2008, 12:07

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •