Hola a todos, primeramente decir gracias por haber creado este espacio, me parece increiblemente util ... Ahora, he hecho todo, voy por la leccion 2, pero tengo problemas, no me salen los colores, el menu no me sale en color amarillo ni en el lado izquierdo y me siento con rabia por k estoy entusiasmado con termi nar mi pagina ..... ayudenme, esto es todo lo k he hecho:
estilo-general.css
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: pink}
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none }
#pie {background-color: brown }
#global {width:800px ; margin: 4px auto }
estilos.css
body {background-color: #CDAD00 ; background-image: url(objetos/fondo021.jpg) ; background-repeat: repeat ; background-position: center center}
img{border-style: none}
.centrado{text-align:center}
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"/>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"/>
</head>
<body>
<p class="centrado"> Bienvenidos a mi Pagina Web. Muy pronto estara lista!</p>
[contenido no disponible]
Pagina creada gracias a CCTW</p>
[contenido no disponible]</p>
[correo eliminado]</p>
</body>
</html>
Plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1
Enlace 2
Enlace 3
</div>
Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
estilo-general.css
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: pink}
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none }
#pie {background-color: brown }
#global {width:800px ; margin: 4px auto }
estilos.css
body {background-color: #CDAD00 ; background-image: url(objetos/fondo021.jpg) ; background-repeat: repeat ; background-position: center center}
img{border-style: none}
.centrado{text-align:center}
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"/>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"/>
</head>
<body>
<p class="centrado"> Bienvenidos a mi Pagina Web. Muy pronto estara lista!</p>
[contenido no disponible]
Pagina creada gracias a CCTW</p>
[contenido no disponible]</p>
[correo eliminado]</p>
</body>
</html>
Plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>