Problemas con la imagen de fondo??? aqui la ayuda

**josesd** · 04/06/2010, 19:07

Iniciado por TH*H4L

Hola muy buenas a todos, empezé hacer el curso "paso a paso" y me he kedado atascada en el paso de poner color de fondo. Seguro k es facil, pero por A o por B no me sale.

Vamos haber...
Me he leido un poko el post i veo k yo no puedo abrir la hoja de estilos.ccs pero de lo contrario si k la cree como podeis ver a continuacion.
De todas formas veo k es en un formato diferente al vuestro. Sabeis pk se a creado así si seguí los pasos exactos k decia el curso? k puedo hacer ahora?
Dejo captura: MUXAS GRACIAS DE ANTEMANO!!

Uploaded with ImageShack.us

lo que a ti te pasa es que en vez de llamar al archivos estilos.css le as llamado estilos.ccs dale boton derecho - rename y escriblo bien

**TH*H4L** · 06/06/2010, 23:26

Iniciado por josesd

Iniciado por TH*H4L

Hola muy buenas a todos, empezé hacer el curso "paso a paso" y me he kedado atascada en el paso de poner color de fondo. Seguro k es facil, pero por A o por B no me sale.

Vamos haber...
Me he leido un poko el post i veo k yo no puedo abrir la hoja de estilos.ccs pero de lo contrario si k la cree como podeis ver a continuacion.
De todas formas veo k es en un formato diferente al vuestro. Sabeis pk se a creado así si seguí los pasos exactos k decia el curso? k puedo hacer ahora?
Dejo captura: MUXAS GRACIAS DE ANTEMANO!!

Uploaded with ImageShack.us

lo que a ti te pasa es que en vez de llamar al archivos estilos.css le as llamado estilos.ccs dale boton derecho - rename y escriblo bien

Tienes razon!! Sorry, muy amable muxas gracias!

**TH*H4L** · 07/06/2010, 14:27

Hola de nuevo a todos/as!

Primero de todo decir k haceis un gran trabajo entre todos!!

Bueno pues estoy en el paso de aplicar una imagen de fondo y hago exactamente como dice en el curso, lo hago todo "paso a paso" como no y leyendome el post casi enterito no encuentro el fallo.

Dejo un acaptura con HTML estilos.css y workspace abiertos.
GARCIAS!!!!!!

Uploaded with ImageShack.us

**Yaneth** · 07/06/2010, 16:03

hola!

asi es mas facil ayudar, jejej
mira en tu hoja de estilos tienes algo asi

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

bueno

ahora te diré algo esto { abre, y esto } cierra, verdad????, lo que tengas dentro de esas dos, es la orden que le estas dando, en este caso a body

aqui te lo he coloreado, en rojo, abre, en azul cierra,
por cada abre que tienes deberias tener un cierra..
y como ya te diste cuenta te sobran 3 cierres jejejejej

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

deberias tenerlo asi

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

saludos

**TH*H4L** · 07/06/2010, 17:53

Muxas gracias muy amable por la explicacion Yaneth!!
Pero hay un problem, lo echo exactamente igual k tu "creo" porque me lo he repasado varias veces y almenos yo lo veo igual, sin envargo no keda como tiene que kedar y no veo el fallo! pero en fin que no me sale la imagen y encima se me a ido el color de fondo, antes era azul clarito ahora esta blanco :D

Dejo captura aver si tus ojos son mas efectivos k los mios jejeje GRACIAS!!!

Uploaded with ImageShack.us

**josesd** · 07/06/2010, 17:57

eso es por que body no necesita poner # delante para darle la orden, por lo que va asi

body {background-color: taltal
y todo tu codigo }

**TH*H4L** · 07/06/2010, 18:05

Ok perecto lo he kitado, me imaginaba k era eso.. pero hice como yaneth me habia dicho para no salirme de su solucion.

He kitado # y me ha vuelto el color de fondo, hasta ahi correcto pero volvemos a lo k vengo, no me sale la imagen, pk? k tengo mal ahora?

Thankssss!!

**Yaneth** · 07/06/2010, 18:16

si, se me escapo eso jejej
yo ya no veo ningun otro error
copia y pega aqui todo el contenido de html y css para pasarlo a mi pc

saludos

**TH*H4L** · 07/06/2010, 18:17

HTML

<!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>

Página creada gracias a CCTW</p>
</body>
</html>

CSS

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

**TH*H4L** · 08/06/2010, 11:46

Bueno ya lo tengo jeje. La verdad que me estaba agobiando bastante

llevaba casi de 3 dias atascada en esta parte, un dia por poner el fondo de de color pero se solucionó rápido pk fue un despiste sencillo mio y llevo 2 dias en lo de poner la imagen, PERO LO CONSEGUÍ!!!!!!!! :D

Despues de leerme las 15 paginas del post, hice canvios y maneras para haber si me podia salir la maldita imagen, primero de todo canvie el formato de la imagen y en vez de png. puse jpg. conjuntamente hice el canvio en la pagina de estilos, nada! no me funciono! luego pense k la imagen k escojí que fue la de los 3 cuadraditos de colores fuese muy grande, no la aceptara o vete tu a saber.. pues bién, fuí unos pasas hacia atras para escojer otra imagen, escoji la k esta de muestra, en formato jpg, y EFECTIVIWODER!! ya tengo la esperadísima imagen!!!!
Por fin!!! por que me estaba cansando, keria avanzar y estaba a la espera si alguien me echaba una mano pero gracias a dios lo solucioné!!

GRACIAS DE TODAS FORMAS!! SEGURO K OTRO RATO PEDIRE DE VUESTRA AYUDA!!!

Un saludo grande!!!

**Yaneth** · 08/06/2010, 18:33

me alegra que lo solucionaras,
a veces las imagenes se alocan jejej, solo debes tener encuenta
que se debe poner el nombre tal cual y la extencion

no necesariamente se debe llamar fondo

si tuvieras una imagen que se llama arbol.gif

lo pones asi

objetos/arbol.gif

donde objetos es el nombre de la carpeta donde tienes la imagen

saludos

**rubensevilla** · 22/06/2010, 00:22

hola, soy nuevo aqui y tengo varias dudas, tengo hecho esto y no veo la imagen y el menu no se lo veo raro.
tengo hecho esto:

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

<html>
<head>
<title>recambiauto</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

</head>[img][/img]
<body>
pincha aqui y contacta con nosotros
<p class="centrado"> pagina de venta de recambios en construccion</p>

[img]objetos/buzon.gif.gif[/img]
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<div id="global">
<div id="cabecera">bienbenidos a mi web</div>
<div id="navegacion">barra de navegacion</div>
<div id="contenido">
<div id="menu">menu</div>
<ul>[*]producto 1[*]producto 2[*]producto 3[*]producto 4[/list] esta sera la zona principal
</div>

</div>
<div id="pie">este es el pie de la pagina</div>

</body>
</html>

no se que he hecho mal
ayudadme, de antemeno me cosidero torpe en esto, gracias

**fernando mendoza** · 22/06/2010, 01:06

Hola bienvenidos/as donde todos/as aprendemos de uno y uno aprende de todos/ as: Sr rubensevilla yo en lo personal le recomiendo lo que dice nuestro tutor: haga el curso tal y como esta y haga otra carpeta para que practique y asi no se pierde ni se enrreda. asi puede hacer los cambios que usted quiera pero siempre tendra el apoyo de la carpeta original y cualquier problema lo puede resolver mirando la original.
observe que aqui le muestro un pequeño error.
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"> este enlace lo tiene repetido.
y por favor la proxima pregunta hagala en el foro Curso Paso a Paso con Html-Kit.
saludos.