Foros del Web » Creando para Internet » CSS »

Problema con la imagen de la cabecera

Estas en el tema de Problema con la imagen de la cabecera en el foro de CSS en Foros del Web. Hola a todos, tengo el siguiente problema: tengo mi hoja de estilo, principal.css y tengo la siguiente definición: #cabecera { width: 770px; position: relative; height: ...
  #1 (permalink)  
Antiguo 11/01/2011, 02:17
Avatar de aalleexx81  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 8 años, 1 mes
Puntos: 0
Pregunta Problema con la imagen de la cabecera

Hola a todos, tengo el siguiente problema:

tengo mi hoja de estilo, principal.css y tengo la siguiente definición:

#cabecera {
width: 770px;
position: relative;
height: 100px;
margin: 0;
padding: 0;
background: #233C9B url("./imagenes2/cabecera.jpg") no-repeat;
color: #FFF;
}

.clear {
clear: both;
}


En el documento principal.php tengo lo siguiente:

<link rel="stylesheet" media="screen,projection" type="text/css" href="./CSS/principal.css" />

<!-- Cabecera -->
<div id="cabecera">
<h1 id="logo"><a href="#" title="Heracles">Portal [email protected]</a></h1>
<div class="clear"></div>
</div> <!-- Cabecera -->


El problema es que no se muestra la imagen de la cabecera.

¿Alguien puede decirme qué es lo que estoy haciendo mal?

Gracias por vuestri tiempo.

Un saludo.
  #2 (permalink)  
Antiguo 11/01/2011, 06:05
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Problema con la imagen de la cabecera

Cita:
#cabecera {
background:url("./imagenes2/cabecera.jpg") #233C9B no-repeat;
width: 770px;
position: relative;
height: 100px;
margin: 0;
padding: 0;
color: #fff;
}
Bueno .. no se porque estás usando relative seguramente en todo su código si lo necesitara, pero bueno aquí te ayudo por que no se ve el Background.

¿Te fijas que te eh colocado en negrita y rojo?, Si en realidad estás queriendo buscar imágenes fuera de carpeta seguramente debés colocar 2 puntos, aquí te lo dejo arreglado:

Cita:
#cabecera {
background:url("../imagenes2/cabecera.jpg") #233C9B no-repeat;
width: 770px;
position: relative;
height: 100px;
margin: 0;
padding: 0;
color: #fff;
}
Cualquier duda, comentanos!
  #3 (permalink)  
Antiguo 11/01/2011, 11:01
Avatar de Ruben_JD  
Fecha de Ingreso: diciembre-2003
Ubicación: Quito-Ecuador
Mensajes: 218
Antigüedad: 14 años
Puntos: 7
Respuesta: Problema con la imagen de la cabecera

Estas seguro de la direccion a la que llamas la imagen de cabecera, porque mejor no pruebas quitando el contenido de la cabecera y te das cuenta si aparece o no, asi sabras que el error no esta en #cabecera y asi en cada codigo que utilice una clase css, asi te daras cuenta cual es tu error.
Código CSS:
Ver original
  1. <!-- Cabecera -->
  2. <div id="cabecera">
  3. </div> <!-- Cabecera -->
Suerte.
__________________
RubénJ. Regresando al foro despues de un par de años. A preguntar más de las novedades del foro.
  #4 (permalink)  
Antiguo 12/01/2011, 01:32
Avatar de aalleexx81  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 8 años, 1 mes
Puntos: 0
De acuerdo Respuesta: Problema con la imagen de la cabecera

PrendekZ muchísimas gracias. Era exactamente eso lo que me pasaba.

Un saludo.

Etiquetas: cabeceras
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 00:46.