Gracias de todos modos, veo que si contestan rapido en este foro, pero le tuve que cambiar algunas cosas, no quedó como viene en el curso de paso a paso, aqui se los anexo para que vean mi hoja de estilo y planilla, es la de prueba, claro cuando comience hacer mi pagina con gusto los invitare a conocerla. uso el navegador IE 7
planilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Páginas generales</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1Enlace 2Enlace 3
</div>
<h1>Esta será la zona principal de la web</h1>
Ya sabemos que gracias a la Hoja de Estilos, podemos cambiar el tamaño de la letra de toda la web, podemos varias los aspectos de los enlaces, los fondos de ciertos elementos, etc, etc sin más que poner la propiedad correspondiente. Pero para eso, todas las partes del contenido de la página web deben "ser algo". Si son enlaces modificaremos la etiqueta "a", si son párragos la etiqueta "p", pero, qué etiqueta hemos de modificar para cambiar las propiedades del texto de la parte principal de nuestra plantilla? Aquella en la que pone "Esta será la zona principal de la web"?</p>
<h2>Va a ser dificil</h2>
pues no está encerrada entre ningúna etiqueta concreta, luego ni es un párrafo, ni un enlace, ni ná de ná. Nosotros pretendemos que sea un párrafo, verdad? Pues vamos a indicarselo poniendole a esa frase la etiqueta al incio y como no, la etiqueta de cierre al final. Ale, dale al teclado! Ha de quedar así:</p>
Ups, los párrafos se ven centrados y eso parece una poesia más que una web, je je je. Eso es por que le pusimos align:center a body en la Hoja de Estilo. Pero no pasa nada, lo arreglamos rápido definiendo un estilo justificado para todos los párrafos de la web. Si más tarde nos interesa alguno con otra alineación, lo crearemos en su momento.</p>
<div id="pie">Este es el pié de página</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
hoja de estilo
* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #D3D3D3}
#global {width:800px ; margin: 4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow : hidden}
.centrado {text-align:center}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid}
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin: 3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#pie {background-color: white} COMO VEN AQUI FUE DONDE LE QUITE ABSOLUTAMENTE TODOS LOS BORDES AL PIE DE PAGINA PARA QUE PUDIERA VERSE TODO JUNTO HASTA LAS LINEAS DE LOS LADOS PORQUE ME MANDABA SOLO EN ESA PARTE UN GROSOR DE 2PX
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden}
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: red ; tex-decorativon: underline ; background-color: silver}
a:active {}
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}
body {text-align: center}
CUALQUIER SUGERENCIA, SERÁ BIENVENIDA. ES LA PRIEMRA VEZ QUE ANEXO CODIGO ASÍ QUE ESPERO QUE ESTE BIEN.