No me aparece imagen de fondo

Caquilla23 · #1 (**permalink**) 19/04/2010, 12:04

Buenas a todos, estoy practicando con css y no logro que me aparezca una imagen de fondo. Os pongo el código y a ver si me podéis ayudas.

Lo que intento es poner bordes redondos a una caja, pero para ello primero necesito que la imagen que va a ser el borde se vea y luego posicionarla en el lugar adecuado. Sin embargo ya la cago en el primer paso y no consigo enconrtar el error.

Un saludo.

Código HTML:

<html>

<head>
<style type = "text/css">

.caja {
	width: 200px;
	height: 200px;
	margin: 10 auto 0 auto;
	background-color: pink;
	border: 1px solid black;
	background-image: url(c:\wamp\www\Rss\BR.png);
}

</style>
</head>


<body>

<div class = "caja">
	<p> petete </p>
</div>

</body>
</html>

cemansilla · #2 (**permalink**) 19/04/2010, 13:28

Cambia la url a la imágen:

Código HTML:

background-image: url(http://Rss/BR.png);

Caquilla23 · #3 (**permalink**) 19/04/2010, 13:31

Cita:

Iniciado por cemansilla

Cambia la url a la imágen:

Código HTML:

background-image: url(http://Rss/BR.png);

Nope. No va.

Caquilla23 · #4 (**permalink**) 19/04/2010, 13:46

Bueno, ya está. He colocado el archivo html y la imagen en la misma carpeta y he cambiado el código a...

Código HTML:

Ver originalbackground-image: url(BR.png);

Es normal que haya problemas en css con direcciones absolutas?

linternazo · #5 (**permalink**) 19/04/2010, 13:48

Hola caquilla23 (excelente nombre, por cierto...

)

prueba con:

background-image: url(c:/wamp/www/Rss/BR.png);

Caquilla23 · #6 (**permalink**) 19/04/2010, 14:09

Cita:

Iniciado por linternazo

Hola caquilla23 (excelente nombre, por cierto...

)

prueba con:

background-image: url(c:/wamp/www/Rss/BR.png);

Tampoco me va.

PD. Muchas gracias. El nombre se me ocurrió en un acto de desesperación que los que me gustaban no estaban disponibles. JAJAJA. EL tuyo también mola

jomaruro · #7 (**permalink**) 19/04/2010, 15:25

Hola:

Está claro que el problema está en la ruta. Debes buscar información sobre rutas relativas y absolutas y despues estudiar tu árbol de carpetas. Además, fijate en lo que te marco en rojo:

Código:

background-image: url(c:\wamp\www\Rss\BR.png);

La ruta tal y como la tienes ahora busca la imagen en tu disco duro ¿Dónde la buscará cuando subas la página? Pues también en tu disco duro, lo malo es que no sabrá donde está.

Saludos.

Caquilla23 · #8 (**permalink**) 19/04/2010, 17:02

Cita:

Iniciado por jomaruro

Hola:

Está claro que el problema está en la ruta. Debes buscar información sobre rutas relativas y absolutas y despues estudiar tu árbol de carpetas. Además, fijate en lo que te marco en rojo:

Código:

background-image: url(c:\wamp\www\Rss\BR.png);

La ruta tal y como la tienes ahora busca la imagen en tu disco duro ¿Dónde la buscará cuando subas la página? Pues también en tu disco duro, lo malo es que no sabrá donde está.

Saludos.

No si el tema de que la imagen, estableciendo la ruta absoluta en mi disco duro, no funcionará cuando esté en un servidor lo tengo claro. Pero primero quiero ver si la cosa funciona en el ordenador y luego ya haré los cambios cuando lo suba a un servidor.

Lo que me mata es que no me cargue un archivo de imagen que no esté en la misma carpeta que el html. He probado tambien a meter el archivo en una carpeta (imagenes) dentro del directorio donde tengo la web e indicarlo en url(imagenes/BR.png) pero tampoco lo reconoce. Por alguna razón no consigo que aparezca la imagen si no es estando en el mismo nivel que el html.

Me fastidia bastante saber que estoy metiendo la pata en algún sitio y no encontrar el fallo.

awesomeboy · #9 (**permalink**) 20/04/2010, 01:18

caray pues mira, para que no te hagas lios pon tu html, en la misma carpeta donde esta la imagen y ya.

background-image: url(BR.png);

o en la misma carpeta donde esta tu html, pero la imagen en un directorio images

directorio principal/index.html
directorio principal/images/br.png

background-image: url(images/BR.png);

Y te va otro tip, puede ser que la imagen este en un directorio superior al de tu html

br.png / directorio principal / index.html

en ese caso debes agregar un ../ por cada directorio superior, hasta llegar a la imagen

background-image: url(../BR.png);

o estupidamente tu problema puede radicar en la diagonal, ya que en tu codigo esta " \ "
background-image: url(c:\wamp\www\Rss\BR.png);

Y generalmente se usa " / " de esta si no estoy seguro que afecte

CarlosMC · #10 (**permalink**) 02/05/2010, 09:43

la solucion sería
background-image: url("./Rss/BR.png");

Luis_Mateo · #11 (**permalink**) 27/11/2014, 19:42

body{
background: url("http://localhost/Rss/BR.png");

}

drako_darpan · #12 (**permalink**) 28/11/2014, 11:49

Gracias por responder Luis_Mateo, pero este post es algo viejo, jejeje.

Algun moderador que cierre este post.

lauser · #13 (**permalink**) 28/11/2014, 17:02

Cita:

Iniciado por drako_darpan

Gracias por responder Luis_Mateo, pero este post es algo viejo, jejeje.

Algun moderador que cierre este post.

Nada drako,,, suelen ser posteadores en busca de los 30 mensajes.