Entrar

Ayuda con los estilos CSS

Victor2 · · Solicitar retirada
Buenas a todos. Bueno, yo hace ya un par de meses me experimente en todo esto, y se hacer ya webs algo decentes, en plan con colores y todo, pero solo utilizando el lenguaje html. Un amigo me enseño esta pagina y he vuelto a leerme todo desde el principio como si no supiese nada.

Tengo el programa HTML-kit y estoy ahora en la hoja de estilos CSS, se como funciona lo de CSS, es otro archivo donde escribimos por decirlo de alguna manera, la personalizacion de la pagina, el tamaño de la letra, el color de fondo, color de los links, color de los links una vez clicados... etc

Bueno mi problema, es que estoy aqui: http://www.comocreartuweb.com/ejemplo-con-divs/web-paso-a-paso/fond…
Leyendo y escribo lo que pone: body {background-color: #E6E6FA} y luego dice, despues de guardar la hoja de estilos CSS, podremos observar como cambia el color del fondo...

Aqui esta mi problema, no se como guardar la hoja CSS, se guardar el conjunto desde archivo guardar... etc... y he probado con eso y he visto que se me guardaba, pero luego voy, miro a ver el resultado y no me sale ningun color... Cual puede ser el problema?

Estuve leyendo como habia que preguntar las cosas en el foro, y como esto es muy simple he pensado que no haria falta que os copiase todo lo que he escrito de momento, pero si me equivoco decidmelo y os lo pego :D

Un saludo a todos y gracias de antemano, Victor.
Victor2 · · Solicitar retirada
Bueno he intentado seguir haciendolo de mil formas, cambio todo y tal, he pedido ayuda a mi padre, me ha intentado ayudar y no ha sabido...
Bueno... a partir de aqui no puedo seguir porque ya no me sale nada, y el objetivo es que entienda la funcion de las hojas de estilo CSS, asi que por hoy lo dejo, espero que me conteste alguien para seguir, y aqui os dejo lo que he escrito:

En 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>
Bienvenidos a mi página web. Muy pronto estará lista.
<p>
Gracias a <a href="http://www.comocreartuweb.com"target="_blank">CCTW</a>
</body>
</html>


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

Sabeis que es lo que falla? :S

Un saludo.
Victor2 · · Solicitar retirada
Nadie me puede ayudar?????????????????????
Es que si no avanzo de esto, no puedo seguir :S

Un saludo.
Victor2 · · Solicitar retirada
Ya esta, ya lo he encontrado yo solo, pero ha sido gracias a otra pagina web...

AQui estaba el fallo, tenia que poner lo que estaba en rojo, en vez de poner lo que habia puesto antes :D
Eso si, no entiendo porque... y me gustaria si alguien lee esto... que me explicase porque tengo que poner esto...

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

<html>
<head>
<title>Pagina principal del ejemplo CCTW</title>
<STYLE TYPE="text/css" MEDIA=screen>
<!--
BODY { background: url(foo.gif) red; color: black }
P EM { background: yellow; color: black }
.nota { margin-left: 5em; margin-right: 5em }
-->
</STYLE>
</head>
<body>
Bienvenidos a mi página web. Muy pronto estará lista.
<p>
Gracias a <a href="http://www.comocreartuweb.com"target="_blank">CCTW</a>
</body>
</html>

Un saludo a todos y gracias :D
Victor2 · · Solicitar retirada
Ya esta, lo consegui mi padre me ayudo y ya me fije que tal y como lo ponia yo ponia el color dentro de la misma hoja de html, pero no encontraba otra cosa... era un fallo de la ruta... xD me lei y relei lo de problemas con la ruta que te explica como se ponen y tal y lo entendi genial :D

Muchas gracias por ayudarme :D
Un saludo
adl · · Solicitar retirada
no entendi muy bien lo que quisiste preguntar, aunque dices ya resolviste el problema, y no entendi cual era el error que estabas comentiendo, era que estabas copiando el codigo css dentro del body?? en lugar de la hoja de estilos??
barahir · · Solicitar retirada
Imagino que el fallo como dice estaria en la ruta:

body {background-color:#E6E6FA ; background-image:url(objetos/fondo.png);}
BODY { background: url(foo.gif) red; color: black }

Por eso no encontraria la imagen.

Saludos.