La propiedad background: url(''); no me funiona ¿porque?

00israel · #1 (**permalink**) 17/05/2014, 07:44

Buenas a todos, tengo un problema porque no consigo hacer que se vea una imagen de fondo que estoy metiendo a un div, con la propiedad background: url('menu.png')

Pero no lo entiendo, no se porque

Me he centrado en hacer un simple ejemplo:

Código:

#divname{
	background: url('images/menu.png') center no-repeat;
	width: 100px;
	height: 100px;
}

y no me funiona, no lo entiendo.

Tengo la imagen bien colocada en su carpeta y todo, HTML tambien es correcto, vamos para este ejemplo es sencillo:

Código HTML:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/styles.css">
</head>
<body>
	<a href="#" id="divname">Nav Menu</a>

</body>
</html>

definitivamente no lo entiendo

Zeromm · #2 (**permalink**) 17/05/2014, 07:55

el selector "a" es un elemento de linea, por lo tanto da igual que le metas un ancho y un alto... ponle display: block; y ya te funcionará

00israel · #3 (**permalink**) 17/05/2014, 09:05

gracias zeronmm pero sigue sin funcionarme

no lo entiendo

Zeromm · #4 (**permalink**) 17/05/2014, 09:50

Aquí tienes el ejemplo funcionando perfectamente...

00israel · #5 (**permalink**) 17/05/2014, 09:59

acabo de ver lo que me has puesto, y ya veo que funciona. Entonces me he puesto a indagar toqueteando y trasteando todo y he llagado a ver porque no lo va, es super raro.

Resulta que si en lugar de tener los estilos dentro de una carpeta (css/styles.css) los saco fuera, si me funciona. ¿porque? A que es debido, existirá algún conflicto de niveles entre la ruta que le pongo al url('images/menu.png') y la del css (css/styles.css)?

00israel · #6 (**permalink**) 17/05/2014, 10:25

vale, ya, solucionado, indicandole que salga del nivel y se meta en otro:

Código:

background: url('../images/menu.png') center no-repeat;

graciassssssss