Algunas impreciciones

:roll: Ubico tres errores en mi construccion a saber:
1) El menu no sale dentro de Este será la zona......sino debajo.
2) El color del lado derecho del menu es neutro.
3) La barra Pie no tiene 800px.

Acompaño Platilla HTML para su correción.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Plantilla General</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<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>
  • <a href="#">Enlace 1
  • <a href="#">Enlace 2
  • <a href="#">Enlace 3
  • <a href="#">Enlace 4

    <div id="pie">Este es el pié de página</div>
    </div>

    </body>
    </html>


    Acompaño ESTILO


    body {text-align: center}
    body {background-color: #E6E6FA ; background-image: url(objetos/nubes111.JPEG) }
    #global {width:800px ; margin: 4px auto }
    * {margin:0px ; padding:0px ; border: 0px}
    #cabecera {background-color: #CD853F}
    #navegacion {background-color: #98FB98}

    #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 ; margin: 4px 0px 4px 6px }
    a {color: brown ; text-decoration: none}
    a: link {}
    a: visited {}
    a: hover {color:red; text-decoration:underline}
    a: active {}


    Gracias amigos
  • hola

    el problema es que has cerrado la div contenido antes

    mira


    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="menu">
    <ul>

    en rojo te he puesto el cierre de div que te sobra

    lo quitas de ahi, y lo pones al final del menu

    saludos
    :lol: :lol:

    Gracias Yaneth por tu colaboración para corregir las inperfecciones.

    Indudablemente debo mejorar lo visualizado en el curso y ser mas artesanal.

    El tercer error indicado fue solucionado por deducción (de lo suyo) y observacion:..

    <div id="contenido">Esta será la zona principal de la web
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div></div>
    <div id="pie">Este es el pié de página</div>

    Lo agregado en rojo fue mi solucion

    No no me equivoco no estaría contemplado en el curso (je,je,) pero eso no quita que el HTML KIT por lo que vi hasta ahora es MONUMENTAL