Presentación en el foro.

Buenas tardes a todos. Quiero agradecer y felicitar al foro por todas las ayudas que se pueden consultar para poder construir una página web atractiva y todo gracias al trabajo de la gente a la que le encanta la WWW
Dicho ésto quisiera comentar un problema que no es que sea muy grave pero sí que me dá que pensar ya que no entiendo por que pasa. La cuestión es que la página web que estoy construyendo, sólo por hobby, en
principio funciona en éste enlace podeis verla http://victor-web.iespana.es
pero quiero poner un link a la hoja de CSS para que no esté en la HEAD y
entonces al comprobar con el validador me dá el siguiente error:
El Servicio de Validación de CSS del W3C
Resultados del Validador CSS del W3C para TextArea (CSS versión 2.1)
Ir a: Los Errores (1)
Resultados del Validador CSS del W3C para TextArea (CSS versión 2.1)

Disculpas! Hemos encontrado las siguientes errores (1)
URI : TextArea
0 Error de análisis sintáctico Lexical error at line 1, column 3. Encountered: "D" (68), after : "<!"
En cambio si quito el link y está el estilo tal cual, funciona como se puede comprobar en el link de CSS. En fin si sabéis por que es os agradecería un poco de luz, utilizo el XHTML 1.0 Strict.

ok

primero crea tu hoja de estilos

la cual unicamente debe tener esto

body {text-align: center;background-color: #ddfddf }
h1 {font-family: "lucida grande","lucida sans",arial, sans-serif;font-size: 50px;color:maroon;text-align: center; }
h3 {font-family: "lucida grande","lucida sans",arial, sans-serif;font-size: 20px;color: olive;text-align: center; }
a { font-family: "lucida grande","lucida sans",arial, sans-serif;margin: 2em; }
blockquote {font-family: "lucida grande","lucida sans",arial, sans-serif;font-size: 18px; }
image {margin: 1.5em;border: 5px solid maroon; padding: 2px;}
p{font-family: "lucida grande","lucida sans",arial, sans-serif;font-size: 14px;margin-left: 3.5em;line-height: 1.5em; }
/*links*/
/*el orden es LVHA*/
a {line-height: 1.5; font-size: 15px;}
a:link {border-bottom: 1px solid #000000; }
a:visited {color: maroon;border-bottom: none; }
a:hover {color: #12389a;background-color: #ffffff;border-bottom: none; }
a:active {color: #12389a;background-color: #ffffff;border-bottom: none; }
/*layout*/
#container {margin: 0 auto;width: 800px;background-image: url(container2_bg.png);}
#header {background-color: #ddfddf;text-align: center;}
#content {width: 350px;float: right;margin-top: 0.5em;height: 820px;color: yellow; }
#sidebar {width: 380px;float: left;background-color: #ddfddf;
text-align: justify;height: 820px;}
#footer p {font-size: 16px; clear: both;font-family: "lucida grande","lucida sans",arial, sans-serif;
color: white;}

ok???
y la guardaràs con la extencion css
por ejemplo asi
estilos.css

una vez hecho.. borra todo esto del html

<style type="text/css">
<!-- /*tipografia*/
body {text-align: center;background-color: #ddfddf }
h1 {font-family: "lucida grande","lucida sans",arial, sans-serif;font-size: 50px;color:maroon;text-align: center; }
h3 {font-family: "lucida grande","lucida sans",arial, sans-serif;font-size: 20px;color: olive;text-align: center; }
a { font-family: "lucida grande","lucida sans",arial, sans-serif;margin: 2em; }
blockquote {font-family: "lucida grande","lucida sans",arial, sans-serif;font-size: 18px; }
image {margin: 1.5em;border: 5px solid maroon; padding: 2px;}
p{font-family: "lucida grande","lucida sans",arial, sans-serif;font-size: 14px;margin-left: 3.5em;line-height: 1.5em; }
/*links*/
/*el orden es LVHA*/
a {line-height: 1.5; font-size: 15px;}
a:link {border-bottom: 1px solid #000000; }
a:visited {color: maroon;border-bottom: none; }
a:hover {color: #12389a;background-color: #ffffff;border-bottom: none; }
a:active {color: #12389a;background-color: #ffffff;border-bottom: none; }
/*layout*/
#container {margin: 0 auto;width: 800px;background-image: url(container2_bg.png);}
#header {background-color: #ddfddf;text-align: center;}
#content {width: 350px;float: right;margin-top: 0.5em;height: 820px;color: yellow; }
#sidebar {width: 380px;float: left;background-color: #ddfddf;
text-align: justify;height: 820px;}
#footer p {font-size: 16px; clear: both;font-family: "lucida grande","lucida sans",arial, sans-serif;
color: white;}
/*last revision, 8 Febrer, 2010 - VLC*/
-->
</style>

y pondras esta linea

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
entre <head> y </head>

recuerda el css debe estar en la misma carpeta donde està el html

saludos

Sí, gracias Yaneth correcto, ya es lo que hago pero al borrar todo el style
y guardarlo como *.css y crear el link es cuando el validador en la primera linea es donde dá el error que apuntaba, concretamente en la linea del DOCTYPE en la primera letra:
0 Error de análisis sintáctico Lexical error at line 1, column 3. Encountered: "D" (68, after : "<!" )
Le estoy dando vueltas y no consigo entender por qué. Seguiremos investigando. Gracias.

Buenas tardes, ya he solucionado el tema y pongo yo mismo la respuesta por si a alguien le pasa lo mismo tendrá la solución ya que el problema es que al quitar la hoja de estilo del head el validador CSS al hacer las pruebas desde un localhost no carga el fichero que contiene la *.css y da
el consiguiente error, pero al subir la página al hosting sí que la valida, por lo tanto tema resuelto. Gracias. Saludos.