Hola, encontré esta magnífica web y estoy intentando crear una página web, la verdad es que me parece muy buena pero como no tenía ni idea, a veces me vuelvo "majareta".
Ni siquiera acierto para enviar mi mensa al foro, así que no se si lo estoy haciendo bien.
Me he quedado bloqueada en los pasos: _ dando estilos a un div (no hay manera de que me salgan los párrafos de las capas en colores, como en vuestros ejemplos)
_ eliminando los puntos de la lista (¡no se quitan ni a tiros!)
La cosa por ahora me queda así:
estilo.general.ccs
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color:red }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left }
#menu li { list-style:none }
#pie {background-color: brown }
plantilla.htlm
<!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">
<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>
Elemento 1
Elemento 2
Elemento 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>
No se que estoy haciendo mal porque ni se me centran ni se me guarda el color.
A ver si alguien me puede ayudar. Gracias
Ni siquiera acierto para enviar mi mensa al foro, así que no se si lo estoy haciendo bien.
Me he quedado bloqueada en los pasos: _ dando estilos a un div (no hay manera de que me salgan los párrafos de las capas en colores, como en vuestros ejemplos)
_ eliminando los puntos de la lista (¡no se quitan ni a tiros!)
La cosa por ahora me queda así:
estilo.general.ccs
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color:red }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left }
#menu li { list-style:none }
#pie {background-color: brown }
plantilla.htlm
<!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">
<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>
No se que estoy haciendo mal porque ni se me centran ni se me guarda el color.
A ver si alguien me puede ayudar. Gracias