Problema con la imagen de fondo

psybaxe · 5 May 2009, 04:26 · Solicitar retirada

Hola amigos,
necesito saber que es lo que estoy haciendo mal

he intentado corregirlo con los siguientes foros "no puedo ver el fondo" y "NO SE MUESTRA MI FONDO" y nada
les agradeseria si me ayudaran

la ruta de la imagen en la hoja de estilos es:

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: center center}

Y ESTOS SON MIS DATOS DE index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Electri-k Station CCTW</title>
</head>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

<body>

Hi! bien venido a Electri-K
Una nueva experiencia audiadictiva en construccion 

Pagina relizada con el apoyo de CCTW

Somos una estación de radio dedicada a la divulgación de las artes, la cultura, la ciencia y la tecnología.
Es una estación de radio que transmite desde la ciudad de San Luis Potosí, S.L.P, México,

Va mas allá de la típica estación cultural; Somos La nueva era en tecnologia digital y auditiva con un toque de datos
para enriquecer tu conocimiento, con programas de contenido interesante y entretenido.

El objetivo principal de esta emisora es la divulgación de la ciencia, tecnología y cultura. 

Escríbenos a [correo eliminado]

</body>
</html>

fernando mendoza · 5 May 2009, 04:45 · Solicitar retirada

Hola bienvenido/a donde todos aprendemos de uno y uno aprende de todos: 1ro: ponga su hoja de estilo como le muetro a continuacion.

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
2do: cierre el parrafo que le marco con rojo

Va mas allá de la típica estación cultural; Somos La nueva era en tecnologia digital y auditiva con un toque de datos
para enriquecer tu conocimiento, con programas de contenido interesante y entretenido. 
3ro : el index.html y su hoja de estilo y la carpeta objetos pongalas dentro de la carpeta web-ejemplo-cctw: y despues nos dice.
saludos.

fernando mendoza · 5 May 2009, 05:08 · Solicitar retirada

hola me olvide decirle que esta linea tiene que estar antes del </head>
lo que es igual debajo del titulo.
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
saludos.

psybaxe · 5 May 2009, 20:12 · Solicitar retirada

Ya lo solucione (pero de una manera que todavia no se porque funciono XD)lo que Hice fue guardar la imagen con el click derecho>guardar como...>le pones el nombre fondo.png>y lo guardas en la carpeta objetos)no me resultaba asi que lo que hice fue con esa imagen ya guardada la abri con paint y la guarde en la carpeta de objetos, pero ya que el pain ya tiene ese formato(.png)selecione que quedara con ese formato y hay pude abrirla raro no ...xd.
muchas gracias = por tu ayuda se agradece ^^

:D :) :shock: Gracias- gracias

Gere1993 · 9 May 2009, 13:25 · Solicitar retirada

No me sale la imagen de fondo eso es lo k tengo escrito:

Indice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>como crar tu web</title>
<link rel="stylesheet" href="estils.css" type="text/css" media="all">
</head>
<body>

Casa Nostra

Creando pagina web, pagina creada por: Gere1993

</body>
</html>

Estilos:

body {background-color: #E6E6FA ; background-image: url(objectes/fons1.png) ;
background-position: center center ; background-repeat: no-repeat ; height:100%;}

las carpetas son diferentes nombres, pero ya lo tengo en cuenta.

Coconut · 9 May 2009, 17:33 · Solicitar retirada

pusiste estils.css en vez de estilos.css

<html>
<head>
<title>como crar tu web</title>
<link rel="stylesheet" href="estils.css" type="text/css" media="all">
</head>
<body>

Y en Estilos pusiste dos center pero que no se si estoy bien solo es uno.

body {background-color: #E6E6FA ; background-image: url(objectes/fons1.png) ;
background-position: center center ; background-repeat: no-repeat ; height:100%;}

Elimina eso o corrije y haber si te sirve mejor ^^...

fernando mendoza · 9 May 2009, 17:49 · Solicitar retirada

hola gerel 1993 mire este enlace para que salga de dudas.
http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…
yo personalmente le aconsejo que haga el curso como esta sin modificar nada. y haga otra carpeta para sus experimentos y practicas se lo digo por experiencia yo lo hice como usted quiere hacerlo y me llego el momento que tuve que empezar de nuevo por que todo se me hizo un lio.
y cuando pedia ayuda si me la daban pero yo no sabia que hacer por tener las cosas de otro modo. es una sugerencia mi. usted puede seguir haciendo como le guste.
saludos.

isalavedra · 10 May 2009, 21:48 · Solicitar retirada

A mi me ha sucedido lo mismo.

Guardando la imagen desde el link: "Galeria de imagenes" en "Imagen de fondo" no habia manera que apareciera.

En cambio haciendo click con el boton derecho y guardándola desde la página de "Fondo en Ejemplo", en el párrafo "Aplicando una imagen de fondo" se guarda sin problemas y aparece correctamente en el índice posteriormente...

Porqué se da este hecho????????????????????????? :?

Gere1993 · 12 May 2009, 19:32 · Solicitar retirada

ok muchas gracias volvi a empezar

:D

Gere1993 · 12 May 2009, 20:57 · Solicitar retirada

wenas esta volvi a empezar, pero esta vez e seguido al pie de la letra los pasos, pero al llegar a poner la imagen de fondo no me sale, os dejo mi config:
Indice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css"-media="all">
</head>
<body>

Bienvenidos a mi página web. Muy pronto estará lista!

Página creada gracias a CCTW

</body>
</html>

Estilos:

body { background-color: #E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center }

img { border-style: none }

.centrado { text-align:center }

ayudadme plx MUCHAS GRACIAS :)

fernando mendoza · 12 May 2009, 21:20 · Solicitar retirada

hola: corrija la relacion de la hoja de estilos en el index. usted la tiene asi
<link rel="stylesheet" href="estilos.css" type="text/css"-media="all"> y va de esta manera.
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"> en rojo lo que le sobra.