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

fernando mendoza · 8 May 2009, 21:24 · Solicitar retirada

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.

alreskt · 27 May 2009, 21:41 · Solicitar retirada

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

ReHa · 29 May 2009, 05:37 · Solicitar retirada

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

abuisad · 2 Jun 2009, 13:34 · Solicitar retirada

Muchas gracias Pedro por la información. Después de dar mil vueltas tu explicación me ha servido para solucionar el problema

alvaro gonzalez · 3 Jun 2009, 05:28 · Solicitar retirada

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?

Yaneth · 3 Jun 2009, 16:39 · Solicitar retirada

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

SENDY · 11 Jun 2009, 15:14 · Solicitar retirada

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.

SENDY · 11 Jun 2009, 15:26 · Solicitar retirada

[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ágina creada gracias a CCTW

</body>
</html>

nikricouz · 20 Jun 2009, 19:24 · Solicitar retirada

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

Yaneth · 20 Jun 2009, 20:32 · Solicitar retirada

sandi

muestranso una captura de pantalla para verlo

saludos

CanalRojiblanco · 27 Jun 2009, 18:45 · Solicitar retirada

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

Yaneth · 27 Jun 2009, 19:44 · Solicitar retirada

hola

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

saludos

CanalRojiblanco · 27 Jun 2009, 20:06 · Solicitar retirada

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é

CanalRojiblanco · 27 Jun 2009, 22:03 · Solicitar retirada

problema solucionado

DARTH27 · 7 Jul 2009, 19:43 · Solicitar retirada

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)

DARTH27 · 7 Jul 2009, 19:54 · Solicitar retirada

katty_yo · 9 Jul 2009, 07:18 · Solicitar retirada

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ágina creada gracias a CCTW

<a>CCTW</a>

</body>
</html>
Ayuda quiero saber que hice mal... GRACIAS!!!!!!!!!!!!!!!!!!!!!!1

Yaneth · 9 Jul 2009, 16:59 · Solicitar retirada

aqui

(objetos/fondo.jpeg) ;

dejalo asi

(objetos/fondo.jpg) ;

saludos

ALEJANDRO AREVALO · 10 Jul 2009, 01:15 · Solicitar retirada

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.

Yaneth · 10 Jul 2009, 17:42 · Solicitar retirada

muestranos lo que tienes

saludos

elmenda · 17 Jul 2009, 11:45 · Solicitar retirada

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.

alvarillo · 5 Ago 2009, 23:55 · Solicitar retirada

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?

saruman · 6 Ago 2009, 00:28 · Solicitar retirada

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

alvarillo · 6 Ago 2009, 14:18 · Solicitar retirada

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

alvarillo · 6 Ago 2009, 14:22 · Solicitar retirada

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