me e quedado en la segunda leccion

ola soy nuevo y estoy intentando aser una pagina web pero me e quedao en la segunda leccion porque lo de este es el pie de la pagina no se ponerlo abajo y los enlaces estan mal colocaos porque deberian estar ensima de este es el pie de la pagina y esta debajo del este es el pie de la pagina no se si me abreis entendido jajajaja pero si podeis darme la solucion mejor grasias
kongi escribió:ola soy nuevo y estoy intentando aser una pagina web pero me e quedao en la segunda leccion porque lo de este es el pie de la pagina no se ponerlo abajo y los enlaces estan mal colocaos porque deberian estar ensima de este es el pie de la pagina y esta debajo del este es el pie de la pagina no se si me abreis entendido jajajaja pero si podeis darme la solucion mejor grasias
Hola:
Para una solución rápida sería muy bueno que en algún mensaje nos pusiera (pegara) lo que tiene en la hoja de estilo y en la página (los códigos), para tener una mejor idea de como arreglarlo.
Saludos
Agradecido de los que aprenden enseñando
hoja de estilo

#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: LawnGreen }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#menu li { list-style:none }
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: browm ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
a {color: brown ; text-decoration:none ; display: block }





plantilla

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    </div>
    <div id="pie">Este es el pié de página</div>
    </body>
    </html>
  • kongi escribió:hoja de estilo

    #menu {background-color: yellow; width: 150px ; float:left }
    #pie {background-color: LawnGreen }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #menu li { list-style:none }
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: browm ; text-decoration:none}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    a {color: brown ; text-decoration:none ; display: block }





    plantilla

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <title>Page title</title>
    </head>
    <body>
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    </div>
    <div id="pie">Este es el pié de página</div>
    </body>
    </html>

  • Hola:
    Primero que nada , habría sido bueno que hubiese puesto todo sus códigos, porque a veces (y muchas veces el problema puede estar en algún margen de mas que estuviese en la capa cabecera o navegacion de su hoja de estilo, pero vamos a ver con lo que nos ha mostrado si es que podemos hacer algo.

    Así tendría que tener su página

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <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 mi web

    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
    Y en la hoja de estilo debe crear una capa que se llame global y póngala justo debajo del body, hagalo así:

    #global{width:800px;margin:4px auto;}

    Si así no se le arregla por favor vuelva a pegar los códigos completos de toda la hoja de estilo también.
    Saludos
  • Agradecido de los que aprenden enseñando
    muchisimas grasias Raulyure ave cuando acabo mi pagina web jajaja
    grasia