No se centra el texto

RafaelGC · #1 (**permalink**) 01/12/2010, 14:54

Hola, tengo dos errores con CSS.

Este es el archivo:

Código:

body
{
	background-color: rgb(20,20,20);
	background-image: url("imagenes/mariposa.gif");
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: center;
}

titulo
{
	color: rgb(0,0,255);
	background-color: rgb(0,255,0);
	background-image: url("imagenes/mariposa.gif");
	font-family: arial, "Times New Roman";
	font-style: oblique;
	font-weight: bold;
	font-size: 25pt;
	text-align: center;
	text-transform: uppercase;
}

normal
{
	font-family: arial, "Times New Roman";
	font-size: 12pt;
	text-indent: 10px;
	text-align: center
	text-decoration: underline;
	letter-spacing: 3px;
	color: rgb(255,255,0);
}



a:google
{
	color: blue;
}
a:yahoo
{
	color: red;
}

#yh
{
	color: rgb(255,0,255);
}

Y este es el archivo HTML

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>ExeSoft - Inicio</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<titulo>Título</titulo>
<br>
<br>
<normal>Ejemplo de uso de CSS. <br>
Aaaaaaaaaaaaaaaaa bbbbbbbbb cccccccc ddddddd eeee fffff gggggggg hhhh iiiiiii jjjj kkkkkkk lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll mmmmmmmmmmmmmmmmm nnnnnnn ñññññññññññññññññ.
<br><a href="http://www.google.com/" class="google">CLICK para ir a Google.</a>
<br><a href="http://www.yahoo.com/" class="yahoo">CLICK para ir a Yahoo.</a>
</normal>
<h5 id="yh">
Hola
</h5>

</body>
</html>

El primer problema que tengo es que no se alinea el texto. El segundo es que los enlaces de Google y Yahoo no se ponen del color que les indico con las clases.

¿Cómo lo soluciono?

Gracias.

snahor_ · #2 (**permalink**) 01/12/2010, 16:44

"normal" ni "titulo" son tags validos:

Código:

<normal>Ejemplo de uso...</normal>

podrias usar algo como

Código:

<div class="normal">Eje...</div>

o

Código:

<div id="normal">Eje...</div>

y en tu css segun lo que elegiste

Código:

.normal {...}
o
#nomal {...}

En XHTML necesitas cerrar todos los tags, por eso <br> debe ser <br/>.

Esta mal

Código:

a:google

Debe ser

Código:

a.google

Te recomiendo que leas sobre los diferentes DOCTYPE y sus respectivos tags [0] que existe, porque el tuyo a simple vista no es valido y sobre CSS [1]. Revisa algunos tutoriales de CSS y HTML, si puedes comprate libros.

[0] http://www.w3schools.com/tags/default.asp
[1] http://www.w3schools.com/css/css_id_class.asp

GAST0N · #3 (**permalink**) 01/12/2010, 22:30

fijate que no estas llamando a las clases que creaste

lo unico q llamas bien son a los tags..

a los tags por ejemplo el body esta bien q lo llames solo body{}

pero si llamas a una clase debes anteponer el punto (.) ej: .google
si llamas a un ID debes anteponer el hash (#)

y para que el enlace dentro de la clase google tome los valores de la regla que le esta aplicando, debes ingresar de la siguiente manera : .google a {aqui las reglas}

espero que me hayas entendido .. exitos!

RafaelGC · #4 (**permalink**) 02/12/2010, 10:21

Gracias, está solucionado.