Foros del Web » Creando para Internet » CSS »

index.html no lee la hoja de estilos style.css

Estas en el tema de index.html no lee la hoja de estilos style.css en el foro de CSS en Foros del Web. Hola, os planteo mi primero consulta. Estoy siguiendo unos tutoriales del libro "How to be a Wordpress Rockstar", y en cierto momento, empiezan a trabajar ...
  #1 (permalink)  
Antiguo 25/10/2010, 09:14
 
Fecha de Ingreso: octubre-2010
Mensajes: 2
Antigüedad: 7 años, 1 mes
Puntos: 0
index.html no lee la hoja de estilos style.css

Hola, os planteo mi primero consulta.

Estoy siguiendo unos tutoriales del libro "How to be a Wordpress Rockstar", y en cierto momento, empiezan a trabajar con la hoja de estilos del blog, que empiezan a construir desde 0 poco a poco.

Por un lado está este sencillo código html:

Código:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” 
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 
<html xmlns=”http://www.w3.org/1999/xhtml”> 
<head> 
 <meta http-equiv=”Content-Type” content=”text/html; 
 charset=UTF-8” /> 
 <title>Creatif</title> 
 <link href=”style.css” rel=”stylesheet” type=”text/css” /> 
</head> 
<body> 
 <div id=”main”> 
  <div class=”container”> 
   <div id=”header”> 
   Logo / Menu 
  </div>
<div id=”block_feature”> 
   Featured Content 
  </div> 
  <div id=”block_content”> 
   Content 
  </div> 
 </div> 
 </div> 
 <div id=”footer”> 
  <div class=”container”> 
   Footer Stuff Goes in Here 
  </div> 
 </div> 
</body> 
</html>
Y luego el correspondiente a style.css:

Código:
body { 
 margin:0px; padding:0px; 
 background-color:#131211; 
} 
#main { 
 background-color:#c4c0be; 
} 
#footer { 
 color:white; 
} 
.container { 
 width:950px; 
 margin:0 auto; 
 border:1px solid red; 
}
Todo esto debería producir el siguiente resultado, se supone:



No sé cual es el problema o lo que no estoy haciendo bien. Yo simplemente subo al servidor un fichero index.html con el código html, en el directorio raíz, y también en el directorio raíz subo un archivo con nombre style.css, pero lo que me aparece en el navegador al ir a la URL es simplemente una página con el fondo en blanco con el texto como en la captura que adjunto, pero sin ningún estilo aplicado.

Lo curioso es que cuando cambio el contenido de index.html por el siguiente código (incluyendo el estilo en el html):

Código:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” 
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 
<html xmlns=”http://www.w3.org/1999/xhtml”> 
<head> 
 <meta http-equiv=”Content-Type” content=”text/html; 
 charset=UTF-8” /> 
 <title>Creatif</title> 
 
<style type="text/css"> 

body { 
 margin:0px; padding:0px; 
 background-color:#131211; 
} 
#main { 
 background-color:#c4c0be; 
} 
#footer { 
 color:white; 
} 
.container { 
 width:950px; 
 margin:0 auto; 
 border:1px solid red; 
}

</style>

</head> 
<body> 
 <div id=”main”> 
  <div class=”container”> 
   <div id=”header”> 
   Logo / Menu 
  </div>
<div id=”block_feature”> 
   Featured Content 
  </div> 
  <div id=”block_content”> 
   Content 
  </div> 
 </div> 
 </div> 
 <div id=”footer”> 
  <div class=”container”> 
   Footer Stuff Goes in Here 
  </div> 
 </div> 
</body> 
</html>
El resultado es el mismo que antes, solo que con el color de fondo en negro, pero sin aplicar el resto de los estilos.

¿Qué es lo que estoy haciendo mal? ¿Está mal alguna parte del código del style.css?

Perdón si la pregunta es demasiado básica, pero es que soy bastante novato en esto.

Un saludo y muchas gracias.
  #2 (permalink)  
Antiguo 25/10/2010, 09:45
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: index.html no lee la hoja de estilos style.css

Bueno hay de varias aqui, que las de cajon es q revices q el nombre de la hoja de estilos sea la correcta, q esten en la misma ruta etc etc

Pero por lo ultimo q pones te sugiero q pruebes algo, quitale este tag
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

y fijate si lo jala con el codigo de estilos en el mismo index.

Suerte!!
  #3 (permalink)  
Antiguo 25/10/2010, 10:10
 
Fecha de Ingreso: octubre-2010
Mensajes: 2
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: index.html no lee la hoja de estilos style.css

Gracias por la respuesta.

Pues acabo de hacer lo que dices, y nada, hace lo mismo que antes.

No sé que puedo estar haciendo mal en una cosa tan tonta...
index.html y style.css están en el mismo directorio, y los nombres están bien...

La verdad que no sé que puede ser, pero estoy aquí atascado en esto y no tengo ni idea de lo que puede ser...
  #4 (permalink)  
Antiguo 25/10/2010, 10:39
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: index.html no lee la hoja de estilos style.css

A mi me pasaba algo similar y al quitarle la etiqueta DOCTYPE se corrijio el problema...tal vez tambien poniendo solo <html> sin las demas propiedades...lamentablemente a veces hay que aplicar el aprueba y error

Pero mmm no se q podria estar ocurriendo, yo probaria un codigo nuevo donde igual solo se pinten las letras de rojo para ver si es el codigo y/o descartar problemas de navegadores compatibilidad etc.
  #5 (permalink)  
Antiguo 15/05/2011, 18:54
 
Fecha de Ingreso: mayo-2011
Ubicación: Cancun
Mensajes: 2
Antigüedad: 6 años, 7 meses
Puntos: 0
Respuesta: index.html no lee la hoja de estilos style.css

Trata cambiando este codigo:

Código:
<link href=”style.css” rel=”stylesheet” type=”text/css” />
por este

Código:
<link href='style.css' rel='stylesheet' type='text/css' />
  #6 (permalink)  
Antiguo 15/05/2011, 21:56
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: index.html no lee la hoja de estilos style.css

¬¬ las comillas simples o dobles no tienen absolutamente nada que ver
  #7 (permalink)  
Antiguo 16/05/2011, 00:49
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: index.html no lee la hoja de estilos style.css

Puedes poner un enlace para ver cual podría ser el problema, ya que no se ve ningún error. Lo único que queda es verificar online las rutas, aunque dices que estan bien.
saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #8 (permalink)  
Antiguo 16/05/2011, 08:51
 
Fecha de Ingreso: enero-2011
Mensajes: 5
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: index.html no lee la hoja de estilos style.css

Si en el primer codigo lo has puesto todo correcto.
Si subes dos ficheros uno el index.html y el style.css
entonces es el codigo de arriba.

Cita:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html;
charset=UTF-8” />
<title>Creatif</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
...

pero si lo quieres el estilo inscrutado en el index el css lo tienes bien.
en lo referente a la parte de arriba prueba con:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
alomjr es esto, que lo tienes en dos lineas..

Cita:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  #9 (permalink)  
Antiguo 16/05/2011, 11:42
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: index.html no lee la hoja de estilos style.css

Hola:

Cita:
Iniciado por Piinceeliin Ver Mensaje
Trata cambiando este codigo:

Código:
<link href=”style.css” rel=”stylesheet” type=”text/css” />
por este

Código:
<link href='style.css' rel='stylesheet' type='text/css' />
Espero que haya solucionado su problema y no haya tenido que esperar desde Octubre de 2010 por tu solución, (que además tampoco es la solución, por cierto).

Saludos.


Etiquetas: estilos, hoja
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:34.