No se muestra un fondo

_cronos2 · #1 (**permalink**) 16/02/2011, 16:33

Buenas, tengo un problema que tiene que ser muy simple pero no consigo ver dónde está el error

Aquí pongo el código:

Código CSS:

Ver original#fondo {background-image: url('bocadillo.jpg'); background-repeat:no-repeat;}

Código HTML:

Ver original<div id='fondo'>
Esto es un texto.
</div>

Sin embargo, aparece el texto pero no el fondo. La ruta es correcta porque si lo hago con un img sí funciona, y además sale el fondo.
Saludos y gracias (:

omarMusic · #2 (**permalink**) 16/02/2011, 16:50

Intenta ésto

#fondo {background: url(bocadillo.jpg) no-repeat;}

o si nos con bocadillo.jpeg

GAST0N · #3 (**permalink**) 16/02/2011, 16:57

insertartaste la ruta de la hoja de estilo en el head del html?

enrique4480 · #4 (**permalink**) 16/02/2011, 16:57

sorry, no tiene que ver la respuesta con el tema principal.

_cronos2 · #5 (**permalink**) 16/02/2011, 17:24

Cita:

Iniciado por omarMusic

Intenta ésto

#fondo {background: url(bocadillo.jpg) no-repeat;}

o si nos con bocadillo.jpeg

Ya probé así y no funciona, y la imagen es jpg no jpeg.

Cita:

Iniciado por GAST0N

insertartaste la ruta de la hoja de estilo en el head del html?

En realidad no es ni una hoja de estilos, es un style, así que sí, evidentemente está incluida en el .html
Saludos :D

sanxuan · #6 (**permalink**) 16/02/2011, 17:28

Puede que no sea la causa, pero la manera correcta de escribir esta etiqueta:
<div id='fondo'>
es así:
<div id="fondo">, usando comillas dobles.

_cronos2 · #7 (**permalink**) 17/02/2011, 00:33

Cita:

Iniciado por sanxuan

Puede que no sea la causa, pero la manera correcta de escribir esta etiqueta:
<div id='fondo'>
es así:
<div id="fondo">, usando comillas dobles.

Los atributos HTML se pueden escribir tanto con ' como con ".
Saludos :D

omarMusic · #8 (**permalink**) 17/02/2011, 08:28

Cita:

Iniciado por _cronos2

Ya probé así y no funciona, y la imagen es jpg no jpeg.

Que raro a mi si me funciona, intenta darle otros atributos y cambiar la imagen

Código HTML:

Ver original<html>
<head>
<style>
#fondo {
    background: url(bocadillo.jpg) center no-repeat; 
    width: 200px; 
    height: 100px; 
    border: 1px solid black;
    text-align: center;
}
</style>
</head>
<body>
      <div id="fondo">
      Esto es un texto.
      </div>
</body>
</html>

Saludos

_cronos2 · #9 (**permalink**) 17/02/2011, 08:50

Muchas gracias, había puesto la URL pero no le había dado anchura

Saludos ^^