ayuda leccion 2 - eliminando los puntos negros de la lista

no se como hacer para eliminar los puntos negros de la lista, hago q dice ahi pero nada, otra cosa tampoco se mueve ala izquierda como el ejemplo q tienen ustedes ayuda
hola
para ayudarte debes pegar aqui
todo el contenido de htnl, y del css

:wink:
<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="Menu">menu</div>
<div id="contenido">Esta será la zona principal de la web</div>


Esta es la oportunida que necesito para poder salir adelante, necesito aprender lo suficiente acerca
de como diseñar paginas web, espero que con esta pagina en la cual me estoy guiando me resulte suficiente
para aprender y poder diseñar mi propia pagina web
</div>
<ul>
  • Elemento de lista, 1 Enlace 1
  • Elemento de lista, 2 Enlace 2
  • Elemento de lista, 3 Enlace 3

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

    hoja de estilos-general

    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange}
    #contenido {background-color: orange ; width: 800px ; float:left}
    #pie {background-color: green}
    #global {width:800px ; margin: 4px auto }
    body {text-align: center}
    #menu li { list-style:none }
    #menu {background-color: yellow; width: 150px ; float:left}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: blue; font-size:1.1em ; text-decoration: none}
    a:link{}
    a:visited{}
    a:hover{color:black; text-decoration: none;}
    a:active{}
    a:hover {color:black ; text-decoration:underline ; background-color: gold}
  • osea mi pagina va casi igual a la de ustedes con la unica diferencia q los enlaces no se me pones a la izquierda como a ustedes y tampoco se me desaparecen los puntos negros de ahi todo es igual... gracias por tu ayuda
    #menu li { list-style:none }
    #menu {background-color: yellow; width: 150px ; float:left}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}

    estas repitiendo dos veces lo mismo (no creo que sea eso, solo para avisarte)

    si tienes la url de la web pasala para verlo mas claro.
    disculpa mi ignorancia josesd, pero no entiendo eso de la URL si me explicas y me dices como lo hago, con gusto te lo mando gracias
    Reyes escribió:<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="Menu">menu</div>
    <div id="contenido">Esta será la zona principal de la web</div>


    Esta es la oportunida que necesito para poder salir adelante, necesito aprender lo suficiente acerca
    de como diseñar paginas web, espero que con esta pagina en la cual me estoy guiando me resulte suficiente
    para aprender y poder diseñar mi propia pagina web
    </div>
    <ul>
  • Elemento de lista, 1 Enlace 1
  • Elemento de lista, 2 Enlace 2
  • Elemento de lista, 3 Enlace 3

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

    hoja de estilos-general

    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange}
    #contenido {background-color: orange ; width: 800px ; float:left}
    #pie {background-color: green}
    #global {width:800px ; margin: 4px auto }
    body {text-align: center}
    #menu li { list-style:none }
    #menu {background-color: yellow; width: 150px ; float:left}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: blue; font-size:1.1em ; text-decoration: none}
    a:link{}
    a:visited{}
    a:hover{color:black; text-decoration: none;}
    a:active{}
    a:hover {color:black ; text-decoration:underline ; background-color: gold}

  • Hola:
    Usted ha puesto acá los códigos de la hoja de estilo-general.css, yo por ahora se los voy a ordenar un poco

    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}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: green}
    a {color: blue; font-size:1.1em ; text-decoration: none}
    a:link{}
    a:visited{}
    a:active{}
    a:hover {color:black ; text-decoration:underline ; background-color: gold}

    Ahora también le voy a ordenar un poco los códigos de su pagina plantilla.html

    <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 Navegacion</div>
    <div id="contenido">
    <div id="Menu">menu<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta será la zona principal de la web


    Esta es la oportunida que necesito para poder salir adelante, necesito aprender lo suficiente acerca
    de como disenar paginas web, espero que con esta pagina en la cual me estoy guiando me resulte suficiente
    para aprender y poder disenar mi propia pagina web
    </div>

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

    Le sugiero que retome un poco las anteriores lecciones de cuando crea la pagina plantilla.html para que comprenda un poco más lo de los enlaces que van en la capa menu.
    Ahora la URL vendría siendo la dirección de su página cuando ya la tiene en internet, por ejemplo la url de esta pagina sería comocreartuweb.com, pero claro, la pagina web hay que subirla a internet, entonces cuando alguien le dice "dame la url de tu web" le está diciendo que le diga como se llama su web o la direccion de su web (que es lo mismo) para que esa persona pueda ir a internet poner la direccion de su pagina (URL) y verla allí.

    Saludos
  • Agradecido de los que aprenden enseñando
    pues muchas gracias por tomarte el tiempo necesario para resolver mi problema, entonces para q desaparezcan los puntos los enlaces tienen q ir dentro de la capa de "menu" bueno interesante, voy a ponerle mas empeño espero no haiga ido tan mal en las lecciones lo unico fue ese error pèro gracias por ayudarme.. :lol:
    disculpa la molestia otra vez debes de pensar que soy inutil pero como todos los demas soy nuevo en esto fijate que no puedo ponerle los margenes al menu (separar menu leccion 2) #menu{.............}en esa part de puntos q es lo tengo q poner porfa dime lo siento se q es una pregunta tonta pero no se gracias por tu atencion..
    Reyes escribió:disculpa la molestia otra vez debes de pensar que soy inutil pero como todos los demas soy nuevo en esto fijate que no puedo ponerle los margenes al menu (separar menu leccion 2) #menu{.............}en esa part de puntos q es lo tengo q poner porfa dime lo siento se q es una pregunta tonta pero no se gracias por tu atencion..
    Hola:
    En principio considero que ninguna pregunta es tonta, (solo existen respuestas estúpidas), resumiéndo, la calidad de una pregunta se basa en la calidad de la respuesta.
    Bueno, después de toda esta perorata le digo:

    Se supone que usted creó la capa menu, a esa capa menu usted la ha dado un ancho, le ha puesto color, etc.. Incluso le ha puesto una lista de enlaces.

    Pues bien, a la capa menu allí en la hoja de estilo se le dijo que tuviese un ancho de 150píxeles
    #menu{width:150px;}

    Luego se le habrá dicho que tuviese un color amarillo
    #menu{..................;background-color:yellow;}

    Luego se le dijo que flotara a la izquierda
    #menu{...............................................;float:left;}

    Luego se le dijo que el texto estuviese alineado a la izquierda
    #menu{........................................................;text-align:left;}

    Y ya más adelante se le dice que tenga algunos márgenes de separación por arriba por la derecha por abajo y por la izquierda
    #menu{...................................................................;margin:3px 10px 3px 3px;}

    Esos puntos que usted ve en el curso, reemplazan a los códigos que se suponen ya están puestos en lecciones anteriores, por tanto si en este momento quisiéramos visualizar realmente el cómo debiera de quedar la capa menu hasta ese momento, (si es que no me he equivocado), sería de la siguiente manera: #menu{width:150px;background-color:yellow;float:left;text-align:left;margin:3px 10px 3px 3px;

    En realidad no estoy seguro si es esta la respuesta que necesita.
    Ya lo dirá
    Saludos