Entrar

problema tema 2 capitulo 8 "estilos para listas"

damian69 · · Solicitar retirada
Hola estoy intentando correguir el error del menu y eliminar los puntos de los enlaces pero no se que hago mal que nada de nada. dejo el fichero
estilo-general que es el siguiente:

body {text-align: center}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange;width: 800px ; float:left}
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow; width: 150px ; float:left }
#menu li { list-style:none }
* {margin:0px ; padding:0px ; border: 0px}

y el fichero plantilla.html:

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

<html>
<head>
<title>Plantilla</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">
<div id="menu">menu</div>
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

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


    Bueno gracias de antemano.
    • fgadfgf
    Yaneth · · Solicitar retirada
    Hola el fallo es simple

    esta accion dice:

    A TODAS LAS LISTAS QUE ESTEN DENTRO DE MENU, QUITALE LOS PUNTOS

    #menu li { list-style:none }

    pero.... en el html no se cumple la orden
    ya que dentro de la div menu, unicamente tienes esta palabra

    <div id="menu">menu</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4


    ya que las listas las dejaste fuera del div, por eso no se cumple la orden
    para ajustarlo dejalo asi

    <div id="menu">menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>

    saludos