Problema con la imagen de la cabecera

[aalleexx81]

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 Her@cles</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.

[PrendekZ]

#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:

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

Cualquier duda, comentanos!

[Ruben_JD]

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:

<!-- Cabecera -->
<div id="cabecera">
</div> <!-- Cabecera -->
 

Suerte.

[aalleexx81]

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

Un saludo.