Problema con la hoja de estilos.css y la preview

hola tengo un problema con el curso de paso a paso en paso ¨fondos en css¨
poque cuando agrgo lo que ustedes dicen voy a preview y no veo ningun cambio en el preview.

ah yo uso el firefox.

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


Pagina creada gracias a <a href=¨http://www.comocreartuweb.com¨target=¨blank¨>CCTW</a></p>
</body>
</html>






__________________________________________________

y aca va lo que escribi en la hoja de estilos.css



body {background-color: #E6E6FA}



_______________

chau muchas gracias, la pagina esta muy buena
Me he dado cuenta que en vez de poner " pones ¨, quizás por eso no funciona bien. Prueba a poner las comillas.
Saludos :wink:
hola, te molesto denuvo porque me quede trabado en el proximo paso. osea no se ve la imagen de fondo (yo uso el firefox)
ya pase el archico a .PNG con el paint pero cuando pongo la preview no se ve nada.


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


Pagina creada gracias a <a href=¨http://www.comocreartuweb.com¨target=¨blank¨>CCTW</a></p>
</body>
</html>



_______________________________________

hoja de estilos

__________________________________________


body {background-color: #D02090} ; background-image: url(objetos/fondo.PNG) }

_____________________________________________

y el archivo fondo.PNG esta en la carpeta objetos





chau muchas gracias
El problema creo que está aquí:

body {background-color: #D02090} ; background-image: url(objetos/fondo.PNG) }

Te sobra un corchete..te lo marco en rojo..

body {background-color: #D02090} ; background-image: url(objetos/fondo.PNG) }

Quitalo. Un saludo.
Si, a veces un simple detalle como ese hecha al traste todo el trabajo, pero para eso estamos, para intentar ayudar, un saludo.
Erm...hola!!? alguien sigue aquí XD? :?: !!

1) Bueno pues yo tuve ese mismo problema (paso 1/6)!! pero...no recuerdo como lo solucione (pero yo ponía " " no ¨ ¨) no fue sino hasta que me salte todo y lo copie que me funciono pero "no se como se arreglo" luego todo normal.

2) ahora con el paso 2/6 yo creo mi planilla.html, tal como cree la de index.html y creo mi estilo-general.css tal como cree mi estilos.css entonces cuando hago para poner el color en el divs ... NO VEO NADA!!

Me pregunto si es algo de configuracion :shock: , por que la primera vez no me servia la css y luego se arreglo pero no se como lo hice.-

nota: aquí estan los codigos :
>Pág-html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

<title></title>
</head>
<body>
<div>Bienvenidos a mi Web</div>

</body>
</html>

>Pár-css:
#cabecera {background-color: pink }

--------------
tambien note que esta vez puso "pink" en vez de uno de los codigos raros #3N4O3S4E2; lo prove con esos codigos y...nada -.- ! asi que sostengo mi hipotesis de que es configuración.
HOLA!! no se como borrar mis mensajes 0.o !! pero ya lo resolve :D mi hipotesis estaba errónea xP!! creo q lo mismo me debió de haber pasado antes xP !! mas adelante (solo unos parrafos...que flojo soy xD) explican que eso es un estilo, al igual que el class= buahahaha! disculpen las molestias
GiGioXs escribió:Erm...hola!!? alguien sigue aquí XD? :?: !!

1) Bueno pues yo tuve ese mismo problema (paso 1/6)!! pero...no recuerdo como lo solucione (pero yo ponía " " no ¨ ¨) no fue sino hasta que me salte todo y lo copie que me funciono pero "no se como se arreglo" luego todo normal.

2) ahora con el paso 2/6 yo creo mi planilla.html, tal como cree la de index.html y creo mi estilo-general.css tal como cree mi estilos.css entonces cuando hago para poner el color en el divs ... NO VEO NADA!!

Me pregunto si es algo de configuracion :shock: , por que la primera vez no me servia la css y luego se arreglo pero no se como lo hice.-

nota: aquí estan los codigos :
>Pág-html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

<title></title>
</head>
<body>
<div>Bienvenidos a mi Web</div>

</body>
</html>

>Pár-css:
#cabecera {background-color: pink }

--------------
tambien note que esta vez puso "pink" en vez de uno de los codigos raros #3N4O3S4E2; lo prove con esos codigos y...nada -.- ! asi que sostengo mi hipotesis de que es configuración.
Hola:
Voy a suponer que usted ya tiene creada su página index.html con su correspondiente hoja de estilo.css. Ahora se supone que usted crea la página que por nombre le pone plantilla.html con su correspondiente hoja de estilo-general.css.
En la página que se llama plantilla.html se supone que usted relaciona esa página plantilla.html con la hoja de estilo-general.css para que todo lo que usted ponga en la página tenga cierto estilo como por ejemplo, usted crea una capa o div en la página, y en la hoja de estilo le da usted el ancho, el color de fondo, la imágen de fondo, los bordes, etcétera, la página, (para explicarlo bien) es toda su pantalla, que se llama body por eso entre el <body> y </body>, (que es toda la pantalla de su ordenador) usted crea capas, para poner allí lo que desee,.
Una capa que se llama global y dentro de ella las otras capas, como la cabecera, la de navegación, la del contenido la del menu la del pie, todas van dentro de la capa global, y la capa global va dentro del body, por eso en la hoja de estilo-general.css usted arriba debiera de poner body{text-align:center;background-color:#E6E6FA;} ese código raro es el número o cifra que le corresponde a una clase de color, ya que los ordenadores entienden mejor los números que los nombres y así uno se asegura de que ese color aparezca, ahora siempre siguiendo en la hoja de estilo usted pone el como quiere que sea la capa que se llamará global, por ejemplo #global{width:800px;margin:4px auto}
eso significa que la capa global medirá 800 píxeles de ancho que tendrá una separación por arriba y por abajo de 4 píxeles y que estará por los lados en automático o sea centrado. siguiendo en la hoja de estilo-general.css pone abajo de la capa global la capa cabecera, por ejemplo así:
#cabecera{background-color:pink} o si quiere ponerlo con el código que pertenece a ese color pink, podría poner background-color:#FFC0CB}
Luego mas abajo pude poner el estilo que tendrá la capa o div navegación. #navegacion{bla,bla,bla} y luego la capa contenido
#contenido{bla,bla,}
En la página plantilla.html entre el <body> y </body> usted crea la capa global por ejemplo
<div id="global"> Esta es la capa global
<div id="cabecera"> Esta es la capa cabecera </div>
<div id="navegacion">Esta es la capa navegacion</div>
<div id="contenido"> Esta es la capa contenido</div>
La digo todo esto porque parece ser que he notado que usted en la hoja de estilo a puesto una capa llamada cabecera pero no la ha creado en la página. Si tiene alguna duda siga preguntando
Saludos
Agradecido de los que aprenden enseñando
hola
que pena molestar
lo que pasa es que a mi me sucede exactamente lo mismo
cuando pongo preview no me aparece la imagen ni el color de fondo
mira los codigos son:

los de la pagina del index

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

<html>
<head>
<title>Página 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>


esta página ha sido creada gracias a CCTW</p>
</body>
</html>


-------------------------------
los de la pagina de estilos

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

no se que tengo mal......
Tu hoja de estilos se llama exactamente estilos (en minúsculas)?
Saludos :wink:
venus4270 escribió:hola
que pena molestar
lo que pasa es que a mi me sucede exactamente lo mismo
cuando pongo preview no me aparece la imagen ni el color de fondo
mira los codigos son:

los de la pagina del index

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

<html>
<head>
<title>Página 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>


esta página ha sido creada gracias a CCTW</p>
</body>
</html>


-------------------------------
los de la pagina de estilos

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

no se que tengo mal......
Hola venus4270:
Antes que nada, no le de pena molestar porque verdaderamente no molesta, todos de una u otra manera hemos ido aprendiendo y muchas de las respuestas que damos son precisamente por el hecho de habernos nosotros equivocado, así que usted pregunte todo lo que quiera que mas de alguno sabrá la respuesta.
Puede que sea una tontería, pero a veces un pequeño punto o coma hace que una imagen o color de fondo no se pueda ver, por eso lo que le han dicho de revisar si su hoja de estilo se llama realmente así --estilo.css-- porque a veces nos equivocamos y la llamamos en una parte --estilo.css-- y en otra parte --estilos.css-- también es importante si la carpeta se llama-- objetos-- u --Objetos-- (con la O mayúscula) la cuestión es que tienen que coincidir los nombres tanto en una parte como en otra y es bueno nombrarlas todas con minúsculas, lo otro importante es que usted tenga la carpeta objetos dentro de la carpeta "web-ejemplo-cctw" y "web-ejemplo-cctw-local, la que se llama "web-ejemplo-cctw-local" que tiene en el workspace, es realmente un acceso directo de la carpeta "web-ejemplo-cctw" que tiene en su escritorio, y para que esté bien relacionada la página en cuestión con la hoja de estilo correspondiente, como le dicen deben coincidir los nombres exactamente, si revisando eso no se le soluciona entonces ya veríamos por descarte otras soluciones.
Aunque el color Light Pink debiera de salir bien
Saludos
Agradecido de los que aprenden enseñando
ja ja si el fondo si se ve bien
y las carpetas tienen los nombres:
-objetos
-estilos.css
-index.html

y la imagen se llama
-cereza.png

ya mire y los tengo bien escritos
venus4270 escribió:ja ja si el fondo si se ve bien
y las carpetas tienen los nombres:
-objetos
-estilos.css
-index.html

y la imagen se llama
-cereza.png

ya mire y los tengo bien escritos
Hola:
Entonces ¿se supone que ya se ven? ¿o la imagen es la que no se ve aún?
Saludos
Agradecido de los que aprenden enseñando
venus4270 escribió:se ve el color de fondo
la imagen aun no se ve
Hola:
Por ahora si desea, ponga la imagen así:
background-image:url(objetos/cereza.png);background-position:center center;background-repeat:repeat;height:100%;}.
Si aún así no se ve entonces es muy posible que sea el formato (la extensión), y si tiene Photoshop, entonces la podrá arreglar, para guardarla en el formato adecuado, porque puede ser que usted en principio la haya guardado escribiendo la extensión , y al escribirla lo que puede haber sucedido es que se llame "cereza.png.png", también debe saber que si tiene el Internet Explorer a este aún le cuesta reconocer los formatos png así que hay que engañarlo un poco.
Saludos
Agradecido de los que aprenden enseñando
Hala a todos:
A ver si alguien me puede ayudar, por que si no me voy a volver loco, todo iba muy bien hasta que me metí en la hoja de estilos, y ahora no me va nada., mi carpeta se llama “mi página web” y esta en el escritorio, y dentro tengo otra carpeta con el nombre de web-ejemplos-CCTW, y dentro de está la carpeta de objetos, y la hoja de estilos.css y el index. html y están con los nombres tal como los escribo. Pero no consigo ver nada más que.

Bienvenidos a mi página web. Muy pronto estará lista!
Página creada gracias a CCTW.

Y algunas veces ni eso siquiera por que me dice ésta pagina no se puede mostrar,
La imagen esta guardada en formato .png y se llama fondo.png, a través de guardar como.... en la carpeta de objetos

En el editor de texto

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

<html>
<head>
<title>Página 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águina creada gracias aCCTW</p>

</body>
</html>





y en la hoja de estilos esto.

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

y no consigo ver nada ni el fondo ni la imagen.
solo una página en blaco
¿qué es lo que tengo mal?
yocoloco escribió:Hala a todos:
A ver si alguien me puede ayudar, por que si no me voy a volver loco, todo iba muy bien hasta que me metí en la hoja de estilos, y ahora no me va nada., mi carpeta se llama “mi página web” y esta en el escritorio, y dentro tengo otra carpeta con el nombre de web-ejemplos-CCTW, y dentro de está la carpeta de objetos, y la hoja de estilos.css y el index. html y están con los nombres tal como los escribo. Pero no consigo ver nada más que.

Bienvenidos a mi página web. Muy pronto estará lista!
Página creada gracias a CCTW.

Y algunas veces ni eso siquiera por que me dice ésta pagina no se puede mostrar,
La imagen esta guardada en formato .png y se llama fondo.png, a través de guardar como.... en la carpeta de objetos

En el editor de texto

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

<html>
<head>
<title>Página 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águina creada gracias aCCTW</p>

</body>
</html>





y en la hoja de estilos esto.

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

y no consigo ver nada ni el fondo ni la imagen.
solo una página en blaco
¿qué es lo que tengo mal?
Hola:
No se si alguien le ha contestado y ya ha solucionado su problema pero creo que en su hoja de estilo usted tiene repetido el body, solo debiera de haber un body con todas las directivas (según lo que ha puesto usted en el spot o mensaje, debiera si es posible ponerlo así:
body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-repeat:repeat;background-position:center center;height:100%;}
Saludos
Agradecido de los que aprenden enseñando
Hola! Compañero, muchas gracias por tu respuesta, y te lo agradezco que quieras ayudarme, por lo menos en algo tenías razón que repetía dos veces el body, y he hecho lo que tu me sugeriste el ponerlo como tu me dices.
body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-repeat:repeat;background-position:center center;height:100%;} .
también he probado de esta manera.
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }
ya que yo de momento solo pretendo que se vea el fondo y la imagen del fondo, de momento no he tratado de ajustarla por que si no puedo ver el fondo como voy a centrarla o ajustarla o hacer lo que sea con ella.
Lo primero no me reconoce el fondo, con esto se debería de ver solo en fondo de algún color.
body {background-color: #E6E6FA}.
Y se conoce que no lo reconoce por algo.
Quizás esto este mal, pero lo he repasado mil veces y todo creo que está correcto y si encuentras un error por favor dimelo.
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">.
La hoja se llama “ estilos” y está dentro de una carpeta que se llama “mis-paginas-web, y en la misma carpeta hay otra que se llama “web-ejemplos-cctw”, y dentro de ésta hay otra que se llama objetos, pero creo que no reconoce ni la hoja de estilos ni la carpeta de objetos,
Luego la imagen la baje en formato,”png” y el manual dice copiar y pegar y cambiarle el nombre por “estilos, png, pero resulta que si hago eso en la ventana workspace a parece con éste nombre.
Fondo,png.jpeg. por eso que no tengo muy claro lo de la imagen tampoco.
Pero bueno si no me reconoce el fondo tampoco me va a reconocer la imagen.
Así que te lo agradezco de todo corazón pero no es ese el error uno sí el que repetia el body cuando leí ty mensaje creia que era la solución pero no es la total, por que sigo igual que antes sin ver ni el color del fondo y menos el de la imagen.
Utilizo el Explores pero tambien he usado el firefox mozilla e igual.
Muchisimas gracias,
Saludo2 de un amigo. yocoloco
Hola

para no sufrirla tanto adivinandole
muestranos una captura de lo que tienes en tu programa

en este mismo foro, en la parte de arriba, hay un post que te indica como hacerlo

y verás como en minutos se arregla tu problema

saludos
Hola. Perdona pero he estado buscando por todo el foro y no he encontrado ningún post que me explique como hacer una captura de mi programa y tampoco se lo que es eso, perdóname pero no se mucho de foros y no me muevo bien en ellos, solo he entrado en algunos de música y siempre he estado perdido,
Eso es hacer una copia del programa o algo así, y si es eso como se hace y de que programa te refieres,
Perdona pero soy novato en todo esto, y solo quiero hacer una página web para dedicarla a la música, y que la gente pueda bajar todo el material que tengo, de partituras de, de música y de programas para hacerla así que te ruego que me perdones, si no entiendo lo que me dices,
Y si puedes explicarme como puedo hacer esa captura de ese programa ¿y que programa es?
Saludo2 y
gracias