Hola a todos, estoy siguiendo el curso y hasta ahora me estaba yendo genial . Habia subido los archivos al hosting (mi url es gatovolador.scienceontheweb.net y el caso es que la plantilla que se ve muy bien en el programa cuando saca los archivos de mi disco duro. Al intertar previsualizarlo despues de haberlo subido me aparece sin estilo. Copio el archivo plantilla.html y estilo-general.css
Plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 3
</div>
Esta sera la zona principal de la web</p>
Este es mi segundo párrafo.Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sangrias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Asì esto parece una poesia ¡Je je!</p>
</div>
<div id="pie">Este es el pié de la página</div>
</div>
</body>
</html>
estilo-general.css
*{text-indent:0px;margin:0px;padding:0px;border:0px}
body {text-align:center}
#global {width:800px;margin:4px auto}
#cabecera {background-color:pink}
#navegacion {background-color:gray}
#contenido {background-color:orange;width:800px;float:left}
#contenido p {padding:5px 10px 5px 10px;text-indent:15px}
#menu{background-color:yellow;width:150px;float:left;text-align:left;margin-right:10px}
#pie{background-color:brown}
#menu li{list-style:none;margin:3px 10px 3px 3px}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
p{text-align:justify}
bueno compañeros os doy las gracias por anticipado.
Plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Esta sera la zona principal de la web</p>
Este es mi segundo párrafo.Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí</p>
Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sangrias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Asì esto parece una poesia ¡Je je!</p>
</div>
<div id="pie">Este es el pié de la página</div>
</div>
</body>
</html>
estilo-general.css
*{text-indent:0px;margin:0px;padding:0px;border:0px}
body {text-align:center}
#global {width:800px;margin:4px auto}
#cabecera {background-color:pink}
#navegacion {background-color:gray}
#contenido {background-color:orange;width:800px;float:left}
#contenido p {padding:5px 10px 5px 10px;text-indent:15px}
#menu{background-color:yellow;width:150px;float:left;text-align:left;margin-right:10px}
#pie{background-color:brown}
#menu li{list-style:none;margin:3px 10px 3px 3px}
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver}
a:active{}
p{text-align:justify}
bueno compañeros os doy las gracias por anticipado.