Página HTML no me lee reconoce archivo CSS

Hildergarn · #1 (**permalink**) 10/07/2011, 13:36

Saludos. Hace poco bajé todo el código de este sitio web el cual estoy editando en modo localhost.

Le añadí el siguiente código

Código:

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

para, lógicamente, añadirle mis propios efectos en CSS, pero resulta que a la hora de ejecutar la página no se lee el archivo css. Hago constar que tengo mis_estilos.css en la misma carpeta donde tengo la página html.

Me he tenido que ver en la engorrosa tarea de añadir CSS a cada elemento html, cosa que quiero evitar a toda costa.

Les agradezco la ayuda de antemano.

blackzerogamer · #2 (**permalink**) 10/07/2011, 20:48

bueno si todo lo que dices es correcto algo anda mal ... te recomendaría que uses la herramienta de chrome para desarrolladores para ver que sucede ( me ha sacado de muchos apuros) puedes acceder a ella precionando ctrl+shit+i..

GAST0N · #3 (**permalink**) 10/07/2011, 22:17

borra el cache del navegador

flaex · #4 (**permalink**) 13/07/2011, 14:11

La etiqueta <link> debe ir dentro de la etiqueta <head>

Ejemplo:

<!DOCTYPE html>

<html >
<head>

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

</head>
<body>

Contenido de tu página

</body>
</html>

Si esto no te funciona prueba incorporando los estilos css al la misma página, dentro la etiqueta <head>

Ejemplo:

<html>
<head><title>B</title>
<style type="text/css">

#Products{
width:570px;
float:left;
margin:0;
background: url(../images/bg_iframe.gif);
}

#Products td h2 {

font-family: 'SheriffBold';
font-size:1.2em;
color:#FFF;
font-weight:100;
padding:4px 0 0 5px;
}

#Products td {

font-family: 'HelveticaNeueLTStd55Roman';
font-size:0.75em;
color: #333333;
padding:5px 0 0 5px;
}

</style>
</head>
<body >
Contenido de tu web
</body>
</html>

Lo único negativo de este ultimo método es que tendrás que repetir lo que esta dentro de <head> para cada página que hagas.