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

Hola, acabo de finalizar la primera leccion del curso y me parece estupendo... muy facil de entender, y no tuve problemas con las imagenes de fondo...
Estoy usando Mozilla Firefox. Me encuentro en Ejemplo con Divs, Lección 1, Fondo de ejemplo.
Tras haber conseguido insertar el color correctamente, tambien he conseguido insertar el fondo, pero no logro que me quede uno solo y centrado como en el ejemplo, mi fondo se queda como nada más insertarlo, repetido tantas veces como el tamaño de la página. Observo que en el apartado "Aplicando una imagen de fondo" entre el tercer y cuarto recuadro hay un cambio en el orden de los factores entre "position" y "repeat," no se si se trata de un error, en cualquier caso he tratado de probar cambiando ese orden yo mismo y tampoco he conseguido que el fondo se vea solo una vez tal y como está en el ejemplo de Jorgens. Un saludo.
Hola ArtaldLuna
para poder ayudarte debes mostrarnos lo que tienes
ya sea pegando aqui los codigos o bien mostrandonos una captura de pantalla

saludos
¡¡¡Leñe con la dichosa extensión png!!! Por fin, el tiempo que se pierde por una nimiedad.

Saludos.
asi es Lombardo... la ventaja es que ahora aprenderás a mirar a detalle jaja

saludos y mucha suerte con tu proyecto
hola la verdad acabo de iniciar el curso hoy pero no e podido ponerle el color donde se tiene que poner, en body?
asi es colo lo tengo en estilos.css
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
</head>
<body>
body {background-color: #E6E6FA}
</body>
</html>
hola
el color se pone en la hoja de estilos, y debe tener extención .css

en la hoja de estilos no lleva nada de esto
<html>
<head>
<title>Page title</title>
</head>
<body>

</body>
</html>

la hoja de estilos es un documento en principio completamente en blanco
al cual le agregarás esta linea
body {background-color: #E6E6FA}

saludos
IGUAL QUE LOS DEMÁS Imposible ver o reconocer imagen de fondo.

Ahí van el index.html y el css ( Me he leido el foro entero )


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

<p>Bienvenidos a mi página web. Muy pronto estará lista!</p>
<p>Página creada grácias a <a href="http://www.comocreartuweb.com"
target="_blank">CCTW</a></p>
</body>
</html>

__________ estilos.css_________


body {background-color:#87CEFA;
backgroung-image:url(objetos/fondo.PNG);
background-position:center center;
background-repeat:no repeat;
height 100%;;}

_______________________________________________________________________

Soy catalán, no me hagais esperar por favor pues yo solo enciendo el ordenador por la noche. Ya sabeis.... las horas valle.

A reveure....
ayuda por favor no puedo ver el fondo que puse
y no puedo mortar la imagen de como se ve la hoja de css
hola

eso pasa porquie cada navegador tiene por asì decirlo un css especifico, o caràcteristicas predeterminadas
más adelante, jorgens te enseñarà a resetear todos esos valores por defecto de los navegadores a 0, para así poder ajustarlos a tu antojo

intenta poniendo en el css

* {margin: 0px; padding: 0px; text-align: center}

esta línea debe estar arriba de todo, es decir; debe ser la primera linea de tu hoja de estilos

saludos y nos cuentas como te fué
Jeejejejej Sii Muchas Gracias Yaa justo ya pase esoo y me di cuenta de k mientras mas
contenido vamos poniendo va kedando mas centrado y tambiien agregando
* {margin: 0px; padding: 0px; text-align: center}
pero ya igual me esta kedando biien gracias por la ayuda . Saludos
Hola a todos buenas noches.

Empecé el curso y la verdad es que tuve mis problemas para poder poner una imagen pero finalmente logré bajar cualquier imagen que yo quería de internet y colocarla tal como lo explican.

Mi problema es que cuando la pongo me aparece con pixeles de un color al azar. ¿A que se debe? Pego el print de pantalla para que lo vean:



Copio el código del 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>

<p>Bienvenidos a mi página web. Muy pronto estará lista!</p>
<p>Página creada gracias a <a href="http://www.comocreartuweb.com"target="_blank"
>CCTW<a/></p>

</body>
</html>


Y el código de la hoja: estilos.css:

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

Desde ya muchas gracias. Agradeceré a quien pueda ayudarme a resolver este problemilla.

Saludos cordiales,
mgposse
Hola yo tengo el mismo problema y después de haber leído las respuestas lo sigo teniendo con el fondo
En HTML tengo esto escrito

<!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>
<p>Bienvenidos a mi página web. Muy pronto estará lista!</p>
<p>Página creada gracias a CCTW</p>
<p><a href="www.comocreartuweb.com"target="_blank">CCTW</a></p>


</body>
</html>

Y en la carpeta estilos.css esto este código body {background-color: #F08080}
Guardé el archivo css y fui a archivo index en preview y no se ve ningún cambio de color. Qué es lo que pasa...
Buenos dias! empeze ayer con el curso y llevo un buen rato intentando que me vaya lo de poner una imagen de fondo, descarge la imagen que aparecia en el curso y le puse todo tal cual pero aun asi no me va. repase todo lo que poneis en el foro y creo que lo tengo tal cual (correcto). Como puedo hacer. Gracias de antemano
Buenas tardes,
antes de nada enhorabuena `por el tutorial, está fenomenal. Jamás pensé que fuera capaz de hacer cosas como las que estoy haciendo, y todo gracias a ustedes!!

Sobre mi duda, que me quedado atascado en el fondo, que no me sale el color que quiero, vamos en realidad, no me sale nada!!jajaja
Os dejo aqui mi html y mi .css para ver si alguien me puede solucionar el problema porque no le encuentro fin!jaja gracias por adelantado! saludosss

bochodk2 escribió:Buenas tardes,
antes de nada enhorabuena `por el tutorial, está fenomenal. Jamás pensé que fuera capaz de hacer cosas como las que estoy haciendo, y todo gracias a ustedes!!

Sobre mi duda, que me quedado atascado en el fondo, que no me sale el color que quiero, vamos en realidad, no me sale nada!!jajaja
Os dejo aqui mi html y mi .css para ver si alguien me puede solucionar el problema porque no le encuentro fin!jaja gracias por adelantado! saludosss


Fíjate en como enlazas los estilos, lo correcto sería:
<link rel="stylesheet" href="estilos.css" media="all">
Doodleo escribió:Fíjate en como enlazas los estilos, lo correcto sería:
<link rel="stylesheet" href="estilos.css" media="all">

Doodleo muchas graciassss!!1 problema resueltoooooo, ya puedo proseguir con mi aprendizajeee!!jeje aunque me toca la imagen y he visto por el foro que al parecer cuesta bastante y da bastante error...(con mi torpeza, no seré la excepción)jajaja saludosss!
Buenos dias a todos, me he quedado algo atascado en este punto de insertar la imagen de fondo, he descargado una imagen desde internet, la he puesto como fondo y solo se ve el recuadro como si estuviese la imagen que no esta y y arriba a la izquierda de la imagen una x, como cuando falla la visualizacion de imagenes en internet, sabeis porque puede ser, porque la de ejemplo del curso si me sale sin problemas, saludos
Hola buenos días a todos y enhorabuena por esta web que es fantástica. Me ha surgido un problema parecido y es que la imagen me aparece en toda la pantalla aunque use todas las combinaciones que se han comentado.

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

<p>Bienvenidos a mi página web. Muy pronto estará lista!</p>
<p>Página creada gracias a <a href="www.comocreartuwebb.com"
target="_blank">CCTW</a></p>

</body>
</html>

y en el código de estilo.css

body {background-color:#E6E6FA;background-image:url(objetos/fondo.jpeg.gif);background-position:left ;background-repeat:no repeat;height:100%;;}

Tras todo esto, el color de la pagina desaparece porque lo tapa la imagen en toda la pantalla. Agradezco la ayuda que sea.
skorpio escribió:Hola buenos días a todos y enhorabuena por esta web que es fantástica. Me ha surgido un problema parecido y es que la imagen me aparece en toda la pantalla aunque use todas las combinaciones que se han comentado.

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

<p>Bienvenidos a mi página web. Muy pronto estará lista!</p>
<p>Página creada gracias a <a href="www.comocreartuwebb.com"
target="_blank">CCTW</a></p>

</body>
</html>

y en el código de estilo.css

body {background-color:#E6E6FA;background-image:url(objetos/fondo.jpeg.gif);background-position:left ;background-repeat:no repeat;height:100%;;}

Tras todo esto, el color de la pagina desaparece porque lo tapa la imagen en toda la pantalla. Agradezco la ayuda que sea.

Volví a cambiar la imagen y el problema de toda la pantalla desapareció porque por lo visto estaba cogiendo un fondo de pantalla, pero al coger el del ejercicio no me sale centrado sino que sale en la esquina superior izquierda. Ando cambiando cosas para ver si funciona mientras tanto. Gracias y perdón por no darme cuenta del error anterior.[:p]
Hola buenas, gracias por este tutorial tan esplendido. He comenzado el curso y llevo 2 días liado con la imagen de fondo y por más que leo en el foro no hay manera. Os dejo unas capturas a ver si me podeis ayudar.

En el archivo estilos.css pone body{background-color:#E6E6FA} ; background-image: url(objetos/índice.jpg);}

Por último, una vista de la consola donde se ve el arbol de archivos

y otra de la carpeta de objetos

Bueno gracias de nuevo y a ver si me pueden ayudar. De lo contrario tendré que abandonar porque no hay manera.

Saludos
Buen día:
He llegado hoy a vuestra página, y he empezado el curso.
He detectado un error en el código para insertar la imagen de fondo.
body {background-color:#E6E6FA; background-image:url(objetos/fondo.png);
background-position:center center; background-repeat:no-repeat; height:100%;;}
debe decir donde está la url:l(objetos\fondo.png)
Después de intentarlo por muchos lados y formas conseguí que funcionase. en los directorios es necesaria la barra invertida no la normal.
Espero que os sea de ayuda.
Hasta la próxima.
@Dkompras, la barra debe ser hacia la derecha (/), no hacia la izquierda (\), puesto que esta es la forma utilizada en las URL (URI), que es lo que espera el parámetro url.

Es probable que el navegador haya convertido los backslash (\) en slash (/) y por eso te funcione. Probablemente, el problema inicial es que se estaba cargando la caché del sitio web y no se veían las imágenes (presiona Control + F5 para recargar una página sin tomar en cuenta la caché).

Saludos!