Entrar

Mi pagina no se ve igual a la del ejemplo - Curso paso apaso

Mishia · · Solicitar retirada
Hola
Estoy siguiendo el curso paso a paso y desde la lección dos la pagina web que he creado no se ve como la del ejemplo, las diferentes secciones tienen tamaños diferentes y el pie de pagina no se pone hasta el final :( y luego cuando hice lo de enlaces con fondo no funciono:shock: Pongo aquí mi código para que me digan si algo he hecho mal por favor que me estoy volviendo loca. Mil gracias por adelantado.

HTML

<!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 navegacion<div/>
<div id="contenido">
<div id="menu"> menu
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    Esta sera la zona principal de la web
    <div/>

    <div id="pie"> Este es el pie de pagina <div/>
    </body>
    </html>


    ESTILO GENERAL .CSS

    * {margin:10px 10px 10px 30px ; padding:0px ; border: 0px}


    body {text-align: center}

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

    #cabecera {background-color: pink}

    #navegacion {background-color: green}

    #contenido {background-color: orange ; widht: 800px ; float:left}

    #pie {background-color: brown}

    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left}

    #menu li {list-style:none ; margin: 4px 0px 4px 6px}

    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline; background-color:silver}
    a:active {}