Problema WAMPP y CSS

[deftmunky]

El problema que he tenido, es que he estado haciendo una web con hojas de estilo y cuando he instalado el wampp pongo la página dentro del directorio para poderla ver a través del localhost...pero me muestra sólamente el texto sin nada del formato, ni las imágenes definidas en CSS. Alguien sabe por que es esto?

[Vun]

Probablemente sea un problema de ruta (path), pon aqui parte del codigo de tu html/php donde cargas el css, aparte dinos si el archivo css esta o no en la misma carpeta o otra subcarpeta

talue

[deftmunky]

Hola Vun, gracias por el interés, te explico. Copié toda la carpeta donde tengo el index.html en lammp/htdocs/. Los archivos de css estan en una carpeta dentro de la carpeta raiz...igual que las imagenes y las funciones de javascript (CSS, Imagenes, Javascript, cada uno de ellos en una carpeta diferente). He puesto la estructura tal cual como la tenía al editar el HTML y CSS y ahora quería empezar a ponerle algo de programación en PHP.

No he configurado nada del lampp (otras veces que había instalado por separado PHP, MySql...sí que tuve que configurar algunas cosas, pero con este paquete no).

Aquí pongo los enlaces:

Código HTML:

<link rel="stylesheet" type="text/css" href="css/index.css" media=screen />
    <link rel="stylesheet" type="text/css" href="css/article.css" media=screen />
    <script type="text/javascript" src="javaScript/funcions.js"></script>
 

[Vun]

El que no cargue la hoja de estilos no tendria que ser por nada del lamp, no se.... prueba esto:

<link rel="stylesheet" type="text/css" href="css/index.css" media="screen">

Tambien podria ser por el propio contenido de index.css, pega el codigo aqui

[deftmunky]

El fichero CSS puede influir? como le puede afectar? no lo entiendo pero ahí va un trozo:

Código CSS:

#menu{
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 27px;
    background-image: url("imatges/sombrahoritzontal.png");
    /*background-position: 0 -167px; */
    background-repeat: repeat-x;
}
 
#menu ul{
    overflow: auto;
    margin: 0 auto;
    margin-left: 125px;
}
#menu ul li{
    float: left;
    margin: -1px auto 0 auto;
    list-style: none;
}
 
/*////////////////////////////////////////////////////////BOTO ACTIU/////////////////////////////////////////////////////////////////////////*/
 
#menu ul li#actiu a span.boto1{
    float:left;
    height: 27px;
    width: 12px;    
    background-image: url("compilacio.jpg");
    background-position: -500px -194px;
    background-repeat: no-repeat;
}
#menu ul li#actiu a span.boto_centre{
    float:left;
    height: 27px;
    background-image: url("compilacio.jpg");
    background-position: -512px -194px;
    font-weight: bold;
    color:grey;
    *color: #666666;
    font-size: .8em;
    padding-top: 6px;
    text-transform: uppercase;
}
/*////////////////////////////////////////////////////////BOTO INACTIU/////////////////////////////////////////////////////////////////////////*/
#menu ul li#actiu a span.boto3{
    float:left;
    height: 27px;
    width: 12px;    
    background-image: url("compilacio.jpg");
    background-position: -734px -194px;
    background-repeat: no-repeat;
}
 
#menu ul li a span.boto1{
    float:left;
    height: 27px;
    width: 12px;    
    background-image: url("compilacio.jpg");
    background-position: 0 -194px;
    background-repeat: no-repeat;
}
 
#menu ul li a span.boto_centre{
    float:left;
    height: 27px;
    background-image: url("compilacio.jpg");
    background-position: -12px -194px;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: .8em;
    padding-top: 6px;
    text-transform: uppercase;
    color: silver;
}
#menu ul li a span.boto3{
    float:left;
    height: 27px;
    width: 12px;    
    background-image: url("compilacio.jpg");
    background-position: -238px -194px;
    background-repeat: no-repeat;
}
 

[deftmunky]

He probado lo que me has dicho de ponerle las comillas dobles al atributo media pero sigue sin funcionar