Enlace a hoja de estilos no válido

Iniciado por Cebolla86, 12 Noviembre 2011, 16:51 PM

0 Miembros y 1 Visitante están viendo este tema.

Cebolla86

Hola, buenas tardes!

Soy nueva en éste foro, y ésta es la primera consulta que hago. Seguramente os parecerá un poco tonto el tema, pero es referente a la hoja de estilos principal de una web. El enlace es el siguiente, clicamos y sin ningún problema te lleva a la hoja de estilos:

<link href= "estilouno.txt" rel="stylesheet" type=text/css">

Sin embargo, a la hora de visualizarla, no se activa ningun cambio de la hoja de estilos. He mirado si el enlace está mal, tutoriales en Internet y nada de nada, si alguien sabe y me puede decir qué problema cree que es, se lo agradecería mucho.

Gracias de antemano y un gran saludo.

karmany

#1
El enlace a tu archivo de estilos se hace dentro de las etiquetas head de esta forma:

<link type="text/css" href="estilo.css" rel="stylesheet" />

Supongo que funcionará bien con txt pero la extensión css se usa para esto, aunque realmente es un archivo de texto (text/css). Y lo que haces tú está bien.

Tu problema podría ser que en tu navegador no has borrado la caché.

Añado: De todos modos, desde tu navegador usa las herramientas para desarrolladores para ver si el archivo de estilos es cargado correctamente, esta es la forma más sencilla de verificarlo.

Cebolla86

¡Hola!

Ya he cambiado el enlace a la hoja de estilos aunque es prácticamente igual. La vez anterior en la que realicé hojas de estilo, sí que me iba perfectamente con la extensión .txt, aunuqe ahora no se cuál es el problema. Anteriormente tb había probado a cambiar la extensión, pero nada.

Por otro lado, respecto al tema de las herramientas para desarrolladores, no es que ande muy ducha, he investigado y tal. Lo de la caché ya está resuelto.

De todas formas, muchísimas gracias y perdona, soy novata en éste mundo, un saludo!

karmany

#3
Te hablo por ejemplo en el navegador Chrome.(porque como firefox se ha actualizado tal vez no esté todavía algún plugin). Tienes una opción que te indica herramientas -> herramientas para desarrolladores.

Ahí tienes todo lo que tu página ha cargado y si desplegas la etiqueta head (mejor dicho elemento que es todo lo que contienen las dos etiquetas de inicio y cierre) verás si tu archivo de estilo ha sido cargado.

Mira esta herramienta para desarrolladores o la extensión de firefox firebug son indispensables y tanto si eres programador como un usuario que comienza, debes conocer y usar esta fantástica herramienta. Recomiendo que la uses.

Edito: Mira por ejemplo esta misma página la he analizado con la extensión Firebug para Firefox, mira la hoja de estilos que se usa: