Entrar

problemas con el color de fondo !!!!!

way · · Solicitar retirada
holaa!!! soy nuevo en esto, y adivinen q, tambien tengo problemas con el fondo :?
se puede ver el color de fondo desde la vista previa del index?? porque en la hoja de estilos si lo puedo ver, pero en el index veo lo que escribi con la alineacion pero todo el fondo de color blanco. por favor nesesit ayudaaa!! estoy desesperado

estilos.css:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>body{background-color: #FF0000 ;
background-image: url(objetos/fondo.jpg) ;
background-repeat: no-repeat ;
background-position: center center}
img{border-style: none}
.centrado{text-align: center}
.derecha{text-align: right}</style>
<title>Untitled</title>
</head>
<body>
</body>
</html>



index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="C:\Users\Julian\Documents\mis-paginas-web\web-ejemplo-cctw/estilos.css" type="text/css" media="all">
<title>Pagina principal del ejemplo CCTW</title>
</head>
<body>
<p class="centrado">Bienvenidos a mi pagina web. [contenido no disponible] Pronto estará lista!!</p>
<p class="derecha">Pagina creada gracias a <a href="http://www.comocreartuweb.com" target="_blank">CCTW<a/></p>
[contenido no disponible]


[correo eliminado]</p>
</body>
</html>
way · · Solicitar retirada
si eso ya lo lei y mas de una vez, pero no se que es lo que pasa que en la hoja de estilos veo el fondo del color que quiero y con la imagen que seleccione. pero en el index no, solo veo las letras alineadas y la imagen de la sonrisa, el fondo esta todo blanco. tal ves haya un error en la ruta, pero no creo por puedo ver los textos alineados.
si quiere trateme de usted o de tu, eso no presenta ningun inconveniente para mi, escriba de la forma que le paresca mas sencilla :D :)
fernando mendoza · · Solicitar retirada
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="C:\Users\Julian\Documents\mis-paginas-web\web-ejemplo-cctw/estilos.css" type="text/css" media="all">
<title>Pagina principal del ejemplo CCTW</title>
</head>
<body>
<p class="centrado">Bienvenidos a mi pagina web. [contenido no disponible] Pronto estará lista!!</p>
<p class="derecha">Pagina creada gracias a <a href="http://www.comocreartuweb.com" target="_blank">CCTW<a/></p>
[contenido no disponible]


[correo eliminado]</p>
</body>
</html>
esto esta malo corrigelo y seguimos.
saludos
way · · Solicitar retirada
seguro que esta mal? porque antes habia puesto <... href="estilos.css"...> y no pasaba nada. despues lo puse tal como lo mostre y obtuve un avanse

encima ahora me surgio otro problema. este es que cuando voy al workspace y pongo la opción para que me muestre los archivos de web-ejemplo-cctw-local no me aparese nada :( por que sucede esto?
fernando mendoza · · Solicitar retirada
hola señor way esto que le muestro a continuacion es un index.html

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

<html>
<head>

<title>title</title>

</head>
<body>


</body>
</htl>

y esto es una hoja de estilo.css

body {background-color: #E6E6FA}

son dos cosas diferentes y la forma de relacionar la hoja de estilo con el index es de esta forma.

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
esto va en el index debajo del titulo.

pero yo veo que usted va por otro lado yo le aconsejo que empiece de nuevo y haga como dice el curso y mantenga las indicaciones del curso por que yo veo que usted tiene en su hoja de estilo esto que le muestro a continuacion: <style>body{background-color: #FF0000 ; y eso no es lo que dice el curso en esas condiciones no podremos ayudarlo porque usted va por un lado y el curso va por otro espero que nos entienda, usted puede hacer otra carpeta para que haga sus experimentos y pruebas, pero el curso tiene que hacerlo como dice para poder ayudarlo y corregirle las fallas espero que usted nos ayude haciendolo tal y como esta.
saludos
way · · Solicitar retirada
bueno, pero eso de <style></style> lo saque de un post del foro y ademas me genero un cambio, porque antes se vei el fondo blanco,y cuando puse las etiqutas de style se produjo un cambio en el color del fondo, se lo podia ver del color que habia elegido. bueno intento como me lo dice usted.... despues le aviso como me fue
way · · Solicitar retirada
ahora me quedo asi: index.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>
<p class="centrado">Bienvenidos a mi pagina web. [contenido no disponible] Pronto estará lista!!</p>
<p class="derecha">Pagina creada gracias a <a href="http://www.comocreartuweb.com" target="_blank">CCTW<a/></p>
[contenido no disponible]



[correo eliminado]</p>

</body>
</html>


estilos.css

body {background-color: #E6E6FA}


los resultados que obtuve no fueron buenos. en la hoja de estilos cuando pongo la vista previa me aparese el fondo de color blanco y escrtio: body {background-color: #E6E6FA}. en el index me aparese el fondo blanco (como siempre)
fernando mendoza · · Solicitar retirada
hola señor way continuemos: quiero que ponga en su index.html asi como el que le muestro borre lo que tiene y pongalo asi.
<!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. Muy pronto estara lista!</p>


Página creada gracias a CCTW</p>

</body>
</htl>

y su hoja de estilo pongala como le muestro.

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

ok guarde todos los cambio y cirre todo y lo vuelve abrir y me dice .
saludos.
way · · Solicitar retirada
ahora si me quedo!! muchas gracias.... pero que es lo que tenía mal?? puede ser que en estilos, lo de height: 100% lo haya cambiado??
fernando mendoza · · Solicitar retirada
ok sr way me alegro que haya solucionado: ahor haga lo siguente usted tiene en el escritorio una carpeta que se llama mis paginas web. abrala y dentro de la carpeta haga una carpeta que va a quedar al lado de la carpeta que se llama web-ejemplo-cctw, pongale el nombre practicas, y dentro de esa carpeta haga otro index.html y otra hoja de estilo.css y una carpeta que se llama cosas. y cuando quiera hacer cambios o practicas hagalas en esa carpeta y no toque la original si no solo para hacer las clases del curso.
saludos.
way · · Solicitar retirada
ahh bueno, le hare caso esta vez :D
muchas gracias por todo y me disculpo si lo hise regañar un poco, pero no se preocupe que en el futuro lo volvere a hacer jajaj
way · · Solicitar retirada
perdon por insistir... pero me acabo de dar cuenta que en el fondo no aparese la imagen solo el color de fondo
fernando mendoza · · Solicitar retirada
hola sr way: quiere mostrarnos lo que tiene hecho su index.html y su hoja de estilo.css completos por favor.
saludos.
way · · Solicitar retirada
puse exactamente lo que me dijo q ponga. copie y pegue

index.html:

<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. Muy pronto estara lista!</p>


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

estilos.css

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