el apartado de formato a cero no me da resultado

al poner: * {margin:0px ; padding:0px ; border: 0px}
no se me centra el menu segun pone en el curso paso a paso se me deveria centar no se si he leido mal creo k eso es para dar a todos los elementos un valor cero para los margenes

tambien dice


Si escribes esta línea en estilo-general.css, la guardas y haces vista previa de la plantilla verás como ahora el menú aparece centrado, justamente centrado, sin margenes. También han desaparecido otros margenes que rodeaban la capa global, etc.

pero a mi no me sale centrado por favor una ayuda
gracias.
mira a ver si poniendote eso me lo solucionas:


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

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

    </body>
    </html>


    esto es lo k he puesto en el html kit. Esto en la hoja de estilos:


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


    y este es el resultado:



    Bienvenidos a mi Web(centrado y en rosa)
    Barra de Navegación(centrado y en gris)
    enlace 1 (subrayado, en amarillo y sin centrar)
    enlace 2 (subrayado, en amarillo y sin centrar)
    enlace 3 (subrayado, en amarillo y sin centrar )
    Esta será la zona principal de la web(centrado y en color naranja)
    Este es el pié de página (centrado y en color rojo granate)

    bueno esto es todo lo k he echo hasta ahora.
    saludos.
  • Hola

    revisando tus codigos veo esto

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

    </div>
    <div id="contenido">Esta será la zona principal de la web</div>

    estas poniendo el menu fuera del contenido deberia estar asi


    <div id="contenido">
    <div id="menu">
    <ul>
  • enlace 1
  • enlace 2
  • enlace 3

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

    yyyy en el css

    en esta linea dices que el texto del menu debe estar a la izquierda
    quitele lo rojo

    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }


    y esta linea sobra

    #menu li { ...propiedades..... }

    lo checas y nos avisas

    saludos
  • en teoria tiene k salir centrado dentro de lo amarillo del menu no?
    si es asi ya me lo has solucionado
    gracias.