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

hola jesabogal: creo que debes revisar estos enlaces que te pongo aqui para que veas la diferencia de un index.html y una hoja de estilo.css
esto es un index.html
http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

y esto es una hoja de estilo.css

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…
en cuanto el lenguaje {MediumVioletRed-color:#C71585}
tal vez el index y la hoja de estilo no lo reconocen y como no lo entienden no lo leen.
saludos.
hola tengo un problema con el html-kit a la hora de cerrar todo lo guardo pero cuando lo vuelvo abrir no me aparecen las carpetas donde estoy trabajando que hago
alreskt
EUREKAAAAAAAAAAAA

He conseguido poner la imagen de fondo, pero............. yo solo sé que no sé nada :o
Lo siento, me ha costado +/- 6 horitas, han sido muchisimos los cambios que he hecho; pero os prometo que voy a reflexionar sobre el tema para tambien aportar mi granito.

Lo que si es cierto es que ahora se ve super bonito con la foto de fondo que queria poner y claro esta, unos de los cambios que he tenido que hacer ha sido la extensión.
Gracias a Yaneth y a linkg

Saludos :D :D
Muchas gracias Pedro por la información. Después de dar mil vueltas tu explicación me ha servido para solucionar el problema
Hola amigos
Ocurre que no puedo poner la imagen de fondo de la leccion 1 y hecho todo lo que sugirieron e incluso empece todo de nuevo paso a paso.Pero aun no logro visualizar la imagen, es mas antes podia visualizar el color de fondo al hacer click en la hoja de etilos.css, opcion preview pero ahora se despliega una pantalla que me dice
Se canceló la navegación a la página web.

Puede intentar lo siguiente:
Volver a escribir la dirección.

y aparece otra pantalla con los mismos codigos que use en la hoja estilos,
la verdad que no soy muy ducho en esto . M epueden ayudar?
hola
primero que nada

te informo.... no debes hacer vista previa de la hoja de estilos heeee????
solo de la html

y segundo
muestrame una captura de pantalla con ambos doc. abiertos

sy la carpeta objetos abierta tambien

saludos
Hola buenas tardes,gracias por ayudarnos a saber más. :D
Queria comentar que al poner el fondo body{background-color:#FFB5C5} en estilos.css, y pulsar preview, me se abre el frontpage. :? no reconoce el archivo? mira si me podeis ayudar.
Me encanta como explicais las cosas,pero me he quedado atascada en este laberinto y quiero maaaasssss.
1000 gracias.
[contenido no disponible]
<!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 pagina web!</p>


Página creada gracias a CCTW</p>

</body>
</html>
tenia problemas con el nombre d las imagenes tenia repetidas las extenciones ejemplo: foto.png.png asiq las deje foto.png y chan listo
gracias por el dato d verificar nombres :D
Buenas, tengo un blog y un foro del Sporting. El blog es http://www.canalrojiblanco.com e investigando como hacer una red social propia me he dado cuenta de que no tengo ni idea, aunque sepa algunas cosas de html para crear banners, insertar ventanas y demás pijadas.

Decidí hacer el curso paso a paso para empezar por la base, que está de cine y tengo un problema. LLegué al paso 15 de la lección 1 http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l… donde metes el código para meter una imagen de fondo. Pues bien, la imagen no consigo que me salga. Lo repase todo haber si está bien y no encuentro ningún fallo. Antes de continuar querría resolver esto para no ir dejando pasar pequeñas cosas que luego se pueden convertir en grandes.

Aquí os dejo una imagen
[contenido no disponible]

Saludos y gracias de antemano.

PD. Abrí un post diciendo esto mismo, no me había dado cuenta de este, podeis borrarlo ya que yo no tengo opción
hola

veo que no has guardado la hoja de estilos (por el *)
guardala y luego haces vista previa del html

saludos
Yaneth escribió:hola

veo que no has guardado la hoja de estilos (por el *)
guardala y luego haces vista previa del html

saludos
ahora entendí lo que me decías, si la tengo guardada no? porque lo cierro todo, entro y sale el código tal y como lo dejé
que tal..... es para dar mis respetos a esta pagina jeje ...he aprendido muxo ya que no sabia nada de nada de hacer paginas web ahora siii!!!
el problema que tenia yo era al momento de colocar la imagen de fondo ya que yo guarda la imgen como decian en la leccion "fondo.png" o cual fuera el formato de la imagen y solo la tenia que guardar asi "fondo" y me funciono jejejeje.... :D
GRACIAS TOTALES !!!! 8)
BLESS!!!
que tal..... es para dar mis respetos a esta pagina jeje ...he aprendido muxo ya que no sabia nada de nada de hacer paginas web ahora siii!!!
el problema que tenia yo era al momento de colocar la imagen de fondo ya que yo guarda la imgen como decian en la leccion "fondo.png" o cual fuera el formato de la imagen y solo la tenia que guardar asi "fondo" y me funciono jejejeje.... :D
GRACIAS TOTALES !!!! 8)
BLESS!!!
la verdad me ha encantado este tutorial es muy explicito... pero como los otros tengo problemas con el fondo; bueno mejor dicho con la imagen de fondo... sinceramente necesito ayuda!!!!
genial tambien soy mala poniendo fotos aqui asi que me toca poner olamente las letras...
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.jpeg) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
Eso es lo que dic estilos ccs
y ahora voy a poner lo que coloque en lo de index...
<!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>

<a>CCTW</a></P>

</body>
</html>
Ayuda quiero saber que hice mal... GRACIAS!!!!!!!!!!!!!!!!!!!!!!1
Just Be Happy...XD
Yaneth escribió:Hola chicos

he visto que la mayoria batalla para poner la imagen de fondo
les he puesto una imagen

[contenido no disponible]

si se fijan tengo abierto el index, la hoja de estilos, y el worksapace con la carpeta objetos abierta

primero debemos checar letra por letra que todo coincida

el nombre de la hoja de estilos, debe ser exactamente como lo ponemos en el "link rel .........." del index
ya lo ubicaron?????
no debe haber ninguna diferencia, ni de mayusculas ni de espacios en blanco, todo debe estar igual

si esto està bien, entonces debemos ver el color de fondo sin problemas
y ya es un gran avance

luego vamos con la imagen

si se fijan el el workspace, ahi està el nombre de la carpeta
y dentro el nombre de la imagen de fondo

deben ser exactamente igual como lo indicamos en la hoja de estilos
"background-image:........../......."

al igual, no debe haber diferencia, ni de mayusculas y minusculas, ni de espacios en blanco, ni de extenciones
ya que tambien es un fallo comun
cuando guardamos la imagen de ejemplo en el curso
se nos abre esto
[contenido no disponible]

dice Nombre y tipo
cabe aclarar que la extencion de las imagenes se pone automaticamente, si nosotros donde dice Nombre le ponemos asi
fondo.png
estamos duplicando la extencion y entonces nos quedaria asi

fondo.png.png,

por eso siempre aclaro que deben ponerlo tal y como lo vemos en la carpeta del workspace

ya con esto no deben tener nigun problema

si aun asi, no lo consiguen, para ayudarlos, necesitamos ver una imagen parecida a la que les muestro,
dicen que 4 hojos ven mejor que 2, y en este caso no son 4, son miles jejejej

si no saben poner imagenes en el foro.....
en el indice de preguntas frecuentes 2 temas al respecto
http://www.comocreartuweb.com/phpBB2/ftopic14177.html

pd.. gracias a Raul, por recordarme lo de las extenciones y por la ayuda brindada, espero no haberlos enredado mas ejejeje
saludos a todos

HOLA YA HICE TODO LO QUE ME DICE EL TUTORIAL PERO AUN NO ME APARECE EL COLOR DE FONDO.
LE DOY LA RUTA TAL COMO LO INDICAN PERO NO APARECER EL COLOR DE FONDO.
INTENTE COLOCANDO DIRECTAMENTE EL CODIGO DEL COLOR EN EL INEX Y ASI FUNCIONO PERO ENTIENDO QUE LA IDEA ES QUE FUNCIONE DESDE ESTILOS.CSS. PIENSO QUE EL PROBLEMA ES EL LINK RELATIVE, ME AYUDAN POR FA.
Hola a tod@s.

Por fin consegui poner la imagen.
Probaba como en el curso, paso a paso y na de na. Se me ocurrio la idea de simplemente abril el fondo con el Paint y guardarla en vez de formato .png en formato .JPEG. Cambie la extension en estilos.css tal que asin:

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

y.....listo, se ve perfectamente. Ahora bien, cogí una foto cualquiera de mi PC y no funcionaba con estos pasos. Y pensando pensando caí en cual era el problema. Cuando lo abres con el Paint, pinchas en edicion/seleccionar todo/ boton derecho en la imagen y le bajas el porcentaje para que se vea mas pequeña, se queda asi:
[contenido no disponible]

Pues todo ese espacio en blanco resulta formar parte de la imagen con lo que queda tremendamente grande para nuestra pagina y he de suponer que por eso no la visualiza:
[contenido no disponible]

Por este motivo hemos de coger la esquina inferior derecha de la imagen y arrastrarla hasta quedar solo la imagen, tal que asi:

[contenido no disponible] [contenido no disponible]

Ahora todo este espacio gris ya no forma parte de la imagen con lo que se reduce considerablemente. Con lo que nos queda guardarla en la carpeta correspondiente con extension .jpg y escribir la ruta en estilos.css correctamente.
Yo lo he echo tal que asi y me quedo perfecta la imagen en mi Web.

[contenido no disponible]


A lo mejor esto es una tonteria y no sirve para nada pero como a mi me resulto puede que a alguien le resulte.

Saludos.
PD: La imagen es del castillo de Aguilar de Campoo, jeje.
yo meto la imagen para que se me quede arriba en el centro (top center)
pero me sale el cuadrado blanco con una cruz roja y el texto de descripcion pero lo que quiero es que salga la iamgen.
como lo soluciono?
cansado de estar cansado ¬¬
HOLA:

Casi seguro me atreeria a decir que has cambiado el nombre, o las medidas, repasa el nombre que le has dado han de coincidir todas las letras y ademas los numeros, evitando incluso los espcios si lo repasas bien seguro que tienes algun error de estos como meteremos la dichosa imagen?

lee el anterior top porque ademas te dice como has de hacerlo para poner la imagen a un lado o a otro

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

Observa:
(objetos/fondo.jpg)

este nos dice que esa imagen que quiere colocar esta en una carpeta que se llama OBJETOS, y dentro tiene una imagen que se llama FONDO.JPG
PARA QUE SE VEA BIEN HAY QUE PONER EL NOMBRE DE LA CARPETA, SEGUIDO DE LA BARA / A CONTINUACION EL NOMBRE DE LA IMAGEN SEGUIDA DEL PUNTO . Y D LAS LETRAS QUE TENGA ESA IMAGEN .JPG, jpg, GIF,gif, ETC. SEGUN EL NOMBRE Y SU COMPLEMENTO, RESPETANDO LAS MAYUSCULAS Y LAS MINUSCULAS

ESPERO HABERTE ACLARADO TUS DUDAS

UN SALUDO: SARUMAN
Es ESENCIAL en este mundo, para no crear vagos ENSEÑAR
mi problema es que subo la foto y se subee todo correcto y se keda el espacio de la foto.. pero yo lo que quiero es que se vea la foto no la X esa roja que sale con la informacion de la imagen! ayuda porfavor estoy atascado
cansado de estar cansado ¬¬
vale problema solucionado bastaba con cambiar el formato. lo tenia en GIF y lo e puesto en formato JPG y ya se ve la foto.. aora el problema es que el texto se queda por encima de la imgen tampandola.. :S
cansado de estar cansado ¬¬