Entrar

las indicaciones para arreglar el menu no las toma.

mafer_sandoval · · Solicitar retirada
Buen dia!! he seguido paso a paso el curso para crear una pagina web, pero hay un momento en que no toma los cambios, queda intacta la pagina. 1. Eliminar los puntos de la lista: no se han quitado despues de colocar la sentencia tal cual como se indica. 2. Enlaces del menu hacia la izquierda: tampoco obedece la alineacion a la izquierda. Le agradeceria su ayuda para poder continuar y creo que eso mismo le paso a otra compañera que la pagina queda intacta al grabar y hacer el preview.
mafer_sandoval · · Solicitar retirada
1. codigo html plantilla:

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

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


    </body>
    </html>

    2. codigo css:

    *{margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #pie {background-color: brown}
    • Raulyure · · Solicitar retirada
    mafer_sandoval escribió:1. codigo html plantilla:

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

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


    </body>
    </html>

    2. codigo css:

    *{margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #pie {background-color: brown}
    • Hola:
    Adelantandome un poco a la respuesta, le diré que usted cuando a creado la capa menu, la ha cerrado y después a puesto la lista. Usted debiera de cerrar la capa menu con </div> después del último .
    debiera de quedar así:
    <div id="contenido"> Esto abre la capa contenido
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3</div>
    Esta sera la zona principal de la web
    </div> Esto cierra la capa contenido
    Saludos
    • Agradecido de los que aprenden enseñando
    Yaneth · · Solicitar retirada
    no veo ningun fallo en tus codigos

    pero.... asegurate de tener la ventana de html
    antes de hacer vista previa

    aveces nos pasa asi

    tenemos la ventana de html y la de css abierta
    la ventana de html la tenemos en vista previa

    yy, hacemos algun cambio en css
    queremos que al guardar se vean los cambios pero no es asi

    debemos tener la ventana html en codigo, luego hacemos el cambio en css guardamos y damos vista previa

    me expliquè??????

    saludos
    mafer_sandoval · · Solicitar retirada
    Muchas gracias Raul con su respuesta logre solucionar el problema. Para Yaneth tambien gracias por la anotacion.