CSS no funciona en servidor

[esebayolo]

Hola, he hecho una página web en local y la he subido a un servidor gratuito(000webhost), resulta que por lo que parece no hace absolutamente nada de lo que le mando en el CSS....hay algo especial que se tenga que configurar para que el css funcione???

Gracias.


PD: Es la primera vez que subo una página a un servidor...

[williamhpf]

Como llamas al css? seguro tienes mal la llamada.
Pega el codigo de la cabecera de tu site

[esebayolo]

gracias pro contestar willianmhpf

la llamada al css es : <link rel="stylesheet" type="text/css" href="estiloPrincipal.css" />

[williamhpf]

Iniciado por esebayolo

gracias pro contestar willianmhpf

la llamada al css es : <link rel="stylesheet" type="text/css" href="estiloPrincipal.css" />

Pues yo diria que lo tienes mal, si el css lo tienes en la raiz del servidor, seria asi
href="./estiloPrincipal.css"

si lo tienes en una carpeta, por ejemplo llamada css, seria asi

href="./css/estiloPrincipal.css"

Esto es muy basico, lo puedes ver en cualquier codigo fuente, incluso en este mismo foro y veras como se hace una llamada a un css.

Saludos

[esebayolo]

he probado y el resultado es el mismo....yo tengo dos llamadas

Código HTML:

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

Sólo le hace caso a sliderman.css(es de un script para una galería de imágenes..), el otro lo ignora totalmente...da igual que ponga solo uno, uno antes que otro...copio el estiloPrincipal.css a ver si veis algún error de bulto...

Código:

@charset "utf-8";
/* CSS Document */

body {
	background-color: #f1f2ee;
	margin: 0px;
	padding: 0px;
}
#superior {
	width:100%;
	height:10mm;
	position:relative;
 	margin: 5mm auto 0mm; /*margen top para bajarlo un poco, auto para centrarlo */
	padding: 0mm;
	z-index:50; /* tiene que ser más grande que el del cuerpo*/
	background: url(fondos/headerH.png) repeat scroll 0 0 transparent;
}
#cabecera {
	position: absolute; /* Para centrarlo */
	left: 50%; /* lo coloco en el centro */
	margin-left: -475px; /* y le doy la mitad del ancho */
	padding: 0px;
	float: left;
	height: 10mm;
	top: 2.5mm;
	width: 950px;
}
#menu {
	position: absolute;
	padding: 0px;
	left: 80mm;
}
a, img, li, ul, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}
#lista {
	list-style-type: none;
	margin-left: 20mm;
}
#lista li{
	float: left;
	padding-right: 5mm;
	padding-left: 5mm;
}
#lista h1 {
	color: #348304;
	font-size: 18px;
}
#menuImagen {
	color: #AE760F;
	position: absolute;
	left: 40mm;
	top: -2.5mm;
}
#cuerpo { /* parte que deja hueco para poner el #principal*/
	position:relative; 
	margin: -80px auto 0px; /*top -80 para subirlo , auto para centrar*/
	width:75%; 
	border:1px solid #f1f2ee;
	height:550px;
	text-align:center;
}
#principal {
	position: absolute; /* Para centrarlo */
	left: 50%; /* lo coloco en el centro */
	margin-left: -475px; /* y le doy la mitad del ancho */
	padding: 0px;
	top: 0px;
}
#transparencia {
	position: absolute;
	left: 20mm; /* Distancia a la que colocarla */
}
#inferior {
	width:100%;
	height: auto;
	margin: 0 auto;
	padding: 0px;
	border:1px solid #f1f2ee;
	text-align:center;
	background: url(fondos/headerH.png) repeat scroll 0 0 transparent;
}

EDITO: He probado encerrando dentro del HEAD mediante la eitqueta STYLE el código CSS y funciona perfectamente.....asíque es cuestión de la llamada al CSS

[williamhpf]

muestra un trozo de codigo de donde aplicas el css

[esebayolo]

Código HTML:

 <div id="superior">
        <header>
            <div id="cabecera">
                <div id="menu">
                    <ul id="lista">
                        <li>
                            <a href="nosotros.html">
                                <h1>Nosotros</h1>
                            </a>
                        </li>
                         ..............
                         ..............
                         ..............
                    </ul>
                </div>
                
                <div id="menuImagen">
                    <a href="index.html">
                        <img src="iconos/logo1-header.png" />
                    </a>
                </div>
            </div>
        </header> 
    </div> 

[williamhpf]

Puedes pasarme la direccion de tu web por privado?
seguro que es una tonteria de nada

[Libros]

¿Si unificas las hojas de estilo en una sola te funciona? Si me pasas por privado la dirección también me gustaría echarle un ojo

[williamhpf]

La solucion!!!

Si tu pones en el navegador

tusitio.com/sliderman.css veras tu css

pero si tu pones

tusitio.com/estiloPrincipal.css se ve la hoja en blanco (pero no da error) eso significa que el archivo existe pero esta en blanco


Conclusion: tu estiloPrincipal.css esta vacio, no hay mas.

Subelo otra vez o como apuntaba "Libros" unifica y te ahorras una llamada.

Saludos y ya nos contaras

[esebayolo]

joder....qué burrada más grande!!

era eso....no habían subido bien algunos archivos......


muchas gracias a los dos!