Cambio automatico del color del texto

bhanu · 22 Abr 2010, 17:43 · Solicitar retirada

Hola,

Estoy haciendo el curso paso a paso y he llegado hasta la segunda leccion y estoy en la página "La indentación de los párrafos", en esa página hay los códigos para comprobar si vamos bien o no . Yo he combrobado los códigos y coinciden con lo que yo tengo. El problema que tengo es:

-En la parte "Esta sera la zona principal de la web" , todo el texto en vez de ser de color "negro" todo se me ha puesto del color "marron (brown, como el fondo de pie)".
-La frase "Este es pie de página" no se me ve.

Lo que no entiendo como es que poniendo esto: "a{color:brown;text-decoration:none;display:block}" en la hoja se etilos en vez de cambiar solo el color de enlaces , se me ha cambiado el color de todo el texto de la zona principal y de pie de página.

Como es que a mi si que se me ha cambiado el color y en la vista previa que enseñan en el curso en el apartado "Margen en párrafos" no se ha cambiado el color?.

Gracias

fernando mendoza · 23 Abr 2010, 01:30 · Solicitar retirada

Hola bienvenidos/as donde todos/as aprendemos de uno y uno aprende de todos/ as: valga este mensaje para darte la bienvenida.
ahora quiero que tengas muy presente que cada vez que tengas dudas o problemas debes mostrarnos todo lo que llevas hecho (index.html)(hojas de estilo.css) o en su defecto dependiendo de lo adelantada que estes(plantilla.html)(hoja de estilo-general.css) para que te podamos ayudar sin esos requisitos no podremos hacerlo solo tienes que copiarlos y pegarlos en el mensaje que nos vas a mostrar.
saludos.

bhanu · 23 Abr 2010, 16:17 · Solicitar retirada

Hola.

Le adjunto los codigos:

Plantilla.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>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

<a href="#">Enlace 2<a/>

<a href="#">Enlace 3<a/>
</div>

Esta será la zona principal de la web</p>

Hello this is second parragraf, i would like to make my own website, i'm really waiting for it.</p>

A ver si acabo ya de aprender como se hcaen las paginas webs y creo mi página. </p>

diseño mi pagina como yo quiera, venga venga jejejejejejejejejejeje hfhfhfhjdjhdjndjnfjn</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

Estilo-general.css

*{text-indent:0px;margin:0px;padding:0px;border:0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera{background-color:pink}
#navegacion {background-color: gray }
#contenido{background-color:orange;width:800px;float:left}
#contenido p{padding: 5px 10px 5px 10px;text-indent: 15px}
#menu {background-color: yellow; width: 150px ; float:left;text-align:left;margin-right: 10px }
#menu li { list-style:none;margin:4px 0px 4px 6px }
#pie {background-color: brown}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
p{text-align:justify}

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 página web. Muy pronto estara lista!</p>
[contenido no disponible]

[contenido no disponible]</p>

Página creada gracias a CCTW</P>

[correo eliminado]</p>
</body>
</html>

estilos.css
body {background-color:#FFBBFF;background-image:url(objetos/fondo.png);background-repeat:no-repeat;background-position:center center;height:100%;}
img {border-style: none}
.centrado{text-align:center}

Espero que con los codigos me podais ayudar.

Gracias

bhanu · 24 Abr 2010, 17:09 · Solicitar retirada

Algien me puede ayudar porfavor.

arigrodriguez1201 · 24 Abr 2010, 17:34 · Solicitar retirada

Hola:
Lo primero que vi es que en la plantilla cada vez que escribias no lo ponias entre las etiquetas

</p>, al ponerlo en esa etiqueta se te ponia ya todo justificado y si algunas cosas las querias centradas habia que crear una clase de estilo que lo hice en estilo general (.estilo1) y en la plantilla cada vez que quieres algo centrado le pones <p class="estilo1">, tambien en la hoja de estilos a p le agregue color:"black" de esa manera siempre tendras el texto en negro.

Saludos y espero que te halla ayudado

ESTILO-GENERAL.CSS
*{text-indent:0px;margin:0px;padding:0px;border:0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera{background-color:pink}
#navegacion {background-color: gray }
#contenido{background-color:orange;width:800px;float:left}
#contenido p{padding: 5px 10px 5px 10px;text-indent: 15px}
#menu {background-color: yellow; width: 150px ; float:left;text-align:left;margin-right: 10px }
#menu li { list-style:none;margin:4px 0px 4px 6px }
#pie {background-color: brown}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
p{text-align:justify;color: black}
.estilo1 {text-align:center}

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

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera"><p class="estilo1">Bienvenidos a mi Web</p>
</div>
<div id="navegacion"><p class="estilo1">Barra de Navegación</p>
</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

<a href="#">Enlace 2<a/>

bhanu · 24 Abr 2010, 19:04 · Solicitar retirada

Hola, Gracias por la ayuda, a lo mejor eso de poner "

</p>" no le habre entendido bien que en los divs tambíen hay que ponerlo.

Pero eso de .estilo1 no entiendo lo que quieres decir con eso, y eso que dices que pusites color black, en los codigos que estan en la leccion segunda de curso paso a paso, no los veo. Le pego los codigos que estan en el curso, asi veras lo que digo

Plantilla.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2

Enlace 3
</div>

Esta será la zona principal de la web</p>

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>

Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

Estilo-general.css

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: brown }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}

Estilos.css

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

img { border-style: none }

.centrado { text-align:center }

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 página web. Muy pronto estará lista!</p>

[contenido no disponible]</p>

Página creada gracias a CCTW</p>

[correo eliminado]</p>
</body>
</html>

Yaneth · 24 Abr 2010, 19:58 · Solicitar retirada

hola
me he pasado tus codigos a mi pc
y no he visto el error

sube tus cambios para verlos en la red

saludos

bhanu · 25 Abr 2010, 12:45 · Solicitar retirada

Hola yaneth,

Que codigos has cogido? los mios son los que publique en este tema la primera vez y los segundos son los codigos que estan en el curso paso a paso html.

Que quieres que pegue aqui mi web, para que veas como ha quedado?, es que no entiendo que quieres decir con subir los cambios?. Los códigos ya los pegue.

Gracias