Hola! estoy siguiendo vuestro curso de cctw y la verdad bastante bien (la verdad me esta gustando mucho como lo llevais =) felicidades!)
y hasta el momento no he tenido muchas dificultades, pero a la hora de subir la plantilla (leccion 3) me he topado con que aunque en local los
puntos de la lista del menu si habian desaparecido, una vez lo subi al host y visitar la plantilla desde el navegador aparecen de nuevo, os dejo aqui la hoja de estilo y el codigo de la plantilla :
**************
HOJA DE ESTILO (estilo-general.css)
* {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:120px; float:left; text-align:left; margin:10px 10px 10px 10px;}
#menu li {list-style:"none"; margin:4px 0px 4px 6px;}
#pie {background-color:brown;}
a {color:brow; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color:silver;}
a:active {color:blue;}
p {text-align:justify;}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:center;}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;}
PLANTILLA (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><li><a href="#">enlace 1</a></li><li><a href="#">enlace 2</a></li><li><a href="#">enlace 3</a></li></ul>
</div>
<h1>Contenido principal</h1>
<p>texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba texto
de prueba texto de prueba texto de prueba texto de prueba texto de
prueba</p>
<p> texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba
texto de prueba texto de prueba texto de </p>
<h2>Parrafo 3</h2>
<p>prueba texto de prueba texto de prueba texto de prueba texto de prueba
texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba </p>
</div>
<div id="pie">Pie de pagina</div>
</div>
</body>
</html>
**************
Bueno espero vuestra respuesta, y nuevamente felicitaros y agradeceros vuestro trabajo un saludo.
Pd.: he probado a eliminar las lineas en blanco de la hoja de estilo, pero el error no se solucionaba, lo he dejado asi para tener mas facil localizar los estilos :P
y hasta el momento no he tenido muchas dificultades, pero a la hora de subir la plantilla (leccion 3) me he topado con que aunque en local los
puntos de la lista del menu si habian desaparecido, una vez lo subi al host y visitar la plantilla desde el navegador aparecen de nuevo, os dejo aqui la hoja de estilo y el codigo de la plantilla :
**************
HOJA DE ESTILO (estilo-general.css)
* {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:120px; float:left; text-align:left; margin:10px 10px 10px 10px;}
#menu li {list-style:"none"; margin:4px 0px 4px 6px;}
#pie {background-color:brown;}
a {color:brow; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color:silver;}
a:active {color:blue;}
p {text-align:justify;}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:center;}
h2 {font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;}
PLANTILLA (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><li><a href="#">enlace 1</a></li><li><a href="#">enlace 2</a></li><li><a href="#">enlace 3</a></li></ul>
</div>
<h1>Contenido principal</h1>
<p>texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba texto
de prueba texto de prueba texto de prueba texto de prueba texto de
prueba</p>
<p> texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba
texto de prueba texto de prueba texto de </p>
<h2>Parrafo 3</h2>
<p>prueba texto de prueba texto de prueba texto de prueba texto de prueba
texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba texto de prueba </p>
</div>
<div id="pie">Pie de pagina</div>
</div>
</body>
</html>
**************
Bueno espero vuestra respuesta, y nuevamente felicitaros y agradeceros vuestro trabajo un saludo.
Pd.: he probado a eliminar las lineas en blanco de la hoja de estilo, pero el error no se solucionaba, lo he dejado asi para tener mas facil localizar los estilos :P