Foros del Web » Creando para Internet » CSS »

No se muestra un fondo

Estas en el tema de No se muestra un fondo en el foro de CSS en Foros del Web. Buenas, tengo un problema que tiene que ser muy simple pero no consigo ver dónde está el error Aquí pongo el código: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código ...
  #1 (permalink)  
Antiguo 16/02/2011, 16:33
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
No se muestra un fondo

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
  1. #fondo {background-image: url('bocadillo.jpg'); background-repeat:no-repeat;}
Código HTML:
Ver original
  1. <div id='fondo'>
  2. Esto es un texto.
  3. </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 (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #2 (permalink)  
Antiguo 16/02/2011, 16:50
 
Fecha de Ingreso: febrero-2011
Ubicación: Evolandia
Mensajes: 103
Antigüedad: 6 años, 10 meses
Puntos: 10
Respuesta: No se muestra un fondo

Intenta ésto

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

o si nos con bocadillo.jpeg
  #3 (permalink)  
Antiguo 16/02/2011, 16:57
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: No se muestra un fondo

insertartaste la ruta de la hoja de estilo en el head del html?
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #4 (permalink)  
Antiguo 16/02/2011, 16:57
 
Fecha de Ingreso: diciembre-2010
Ubicación: valencia
Mensajes: 203
Antigüedad: 7 años
Puntos: 11
Respuesta: No se muestra un fondo

sorry, no tiene que ver la respuesta con el tema principal.
  #5 (permalink)  
Antiguo 16/02/2011, 17:24
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: No se muestra un fondo

Cita:
Iniciado por omarMusic Ver Mensaje
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 Ver Mensaje
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
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #6 (permalink)  
Antiguo 16/02/2011, 17:28
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: No se muestra un fondo

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.
  #7 (permalink)  
Antiguo 17/02/2011, 00:33
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: No se muestra un fondo

Cita:
Iniciado por sanxuan Ver Mensaje
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
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #8 (permalink)  
Antiguo 17/02/2011, 08:28
 
Fecha de Ingreso: febrero-2011
Ubicación: Evolandia
Mensajes: 103
Antigüedad: 6 años, 10 meses
Puntos: 10
Respuesta: No se muestra un fondo

Cita:
Iniciado por _cronos2 Ver Mensaje
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
  1. #fondo {
  2.     background: url(bocadillo.jpg) center no-repeat;
  3.     width: 200px;
  4.     height: 100px;
  5.     border: 1px solid black;
  6.     text-align: center;
  7. }
  8. </head>
  9.       <div id="fondo">
  10.       Esto es un texto.
  11.       </div>
  12. </body>
  13. </html>

Saludos
  #9 (permalink)  
Antiguo 17/02/2011, 08:50
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: No se muestra un fondo

Muchas gracias, había puesto la URL pero no le había dado anchura
Saludos ^^
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red

Etiquetas: fondo, muestra
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 22:44.