Entrar

Problemas con el menu (2ª lección)

pollonas · · Solicitar retirada
ola :D , soy primerizo en esto de la web y lo k me pasa esk no puedo poner el menu en el lado izkierdo de la "web" como se indica en el CUSO PASA A PASO en la 2ª Lección kisiera saber k go mal. Aki os dejo el HTML y La Hoja de Estilos

HTML(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="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div ="menu">menu
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    Esta será la zona principal de la web
    </div>
    <div id="pie">Este es el pié de página</div>


    </div>

    </body>
    </html>


    Hoja de estilos(estilo-general.css)

    * {margin:0px ; padding:0px ; border: 0px}
    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 ; text-align:left }
    #pie {background-color: brown }
    #menu li { list-style:none }

    Gracias-
    • pollonas · · Solicitar retirada
    Jugoncan escribió:Fíjate te comiste una cosa:
    <div id="menu">
    Saludos, Juanma


    PERDONA PERO NO TE ENTIENDO
    Jugoncan · · Solicitar retirada
    En tu código no has puesto lo que te he puesto en rojo

    <!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">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>


    Saludos, Juanma