Leccion 1 problema con alineacion de texto

sjpablo · 13 Oct 2009, 06:15 · Solicitar retirada

Ya conclui la primera leccion, y como practica cambie en la hoja de estilos el valor de la clase .centrado {text-align:center} por :left ò :rigth, pero no me funciona. El texto vuelve a su posicion original no causa ningun efecto en la alineacion. Solo funciona con :center, alguien me puede explicar esto?
Gracias.

kevin · 13 Oct 2009, 15:02 · Solicitar retirada

porfavor danos el codigo html de tu plantilla y vere en que puedo ayudarte y claro el de tu hoja de estilos

saludos, buen dia

sjpablo · 13 Oct 2009, 17:17 · Solicitar retirada

kevin escribió:porfavor danos el codigo html de tu plantilla y vere en que puedo ayudarte y claro el de tu hoja de estilos

saludos, buen dia

Ok, Gracias por tu interes en ayudarme. Te envio contenidos de index.html y estilos.css, son los originales que se generaron durante el curso paso a paso.

Esto es lo que contiene index.html, y que no he tocado para nada.

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

<p class="centrado"> Bienvenidos a mi pagina web. Muy pronto estará lista!</p>
[contenido no disponible]

Página creada gracias a CCTW</p>

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

Y esto es lo que contiene estilos.css, y que lo unico que le cambio es :center por :rigth, ó :left y que segun el curso deberia de alinear el texto a la derecha ó a la izquierda, pero eso es lo que no sucede.

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

war2 · 15 Oct 2009, 17:35 · Solicitar retirada

Buenas

Acabo de probar(copiando y pegando , tal cual), lo que preguntas y a mi si me lo alinea a la derecha o izquierda.Solo el parrafo.
¿Todo lo demas te funciona?

<html>
<head>
<title>Página principal del ejemplo CCTW</title>
<style type="text/css">
body {background-color: #E6E6FA; background-image: url(objetos/fondo.png); background-position: center center; background-repeat: no-repeat; height: 100%;}
img {border-style: none}
.centrado {text-align:right}

</style>
</head>
<body>

<p class="centrado"> Bienvenidos a mi pagina web. Muy pronto estará lista!</p>
[img]objetos/sonrisa.gif[/img]


Página creada gracias a [url="http://www.comocreartuweb.com"]CCTW[/url]</p>


[email="[correo eliminado]"][img]objetos/Buzon.gif[/img][/email]</p>
</body>
</html>

He incluido los estilos en el html, pero no creo que eso haga diferencia.